/* ... Attention this is Edited Code!... */
/* ... in the first place credits for the css snippet goes all to dablulite... */
.panels-3wFtMD .avatar-1EWyVD {
  border: 3px solid transparent; /* change the Border-color */
  margin-top: -15px;
  transform: translateY(-2.5px);
  background-color: transparent; /* change the background-color */
}
.container-YkUktl {
  flex-direction: column;
  padding: 0;
  height: fit-content;
  background: transparent !important; /* change the background-color */
  margin-bottom: 0;
}
/* ... Transparency ... */

.container-YkUktl > .flex-2S1XBF {
  display: flex; /* Keep the display property */
  width: 100%;
  gap: 6px;
  padding: 6px;
  box-sizing: border-box;
}

.container-YkUktl > .flex-2S1XBF > button {
  border-radius: 50px;
  width: 100%;
  padding: 6px 0;
  height: fit-content;
  background: transparent; /* change the background-color */
  transition: color .15s ease-out, background-color .15s ease-out;
}

.wrapper-3Hk9OB {
  padding-bottom: 10px;
  border-bottom: 1px solid transparent; /* change the Border-color */
  background: transparent !important; /* change the background-color */
}

.container-1zzFcN {
  border-bottom: none;
  background: transparent; /* change the background-color */
}

/* ... button hover rules ... */

.container-YkUktl > .flex-2S1XBF > button:hover {
  background-color: rgba(255, 255, 255, 0.2); /* change the background-color by Hovering */
}

.wrapper-3Hk9OB:hover {
  background-color: rgba(255, 255, 255, 0.1); /* change the background-color by Hovering */
}

/* ... increese the save zone form the toolbar ... */
/* ... THIS IS OPTIONAL YOU CAN DELETE IT IF YOU DONT WANT IT! ... */
.panels-3wFtMD .avatar-1EWyVD {
  transform: none;
  margin-top: 0;
}
.panels-3wFtMD > .wrapper-3Hk9OB {
  margin-top: 0px;
}
.panels-3wFtMD > .wrapper-3Hk9OB {
  padding-bottom: 4px;
}
/* Transparence Background */
.container-YkUktl {
  flex-direction: column;
  padding: 0;
  height: fit-content;
  background: transparent !important;
  margin-bottom: 0;
}

/* Buttons on the bottom area */
.container-YkUktl > .flex-2S1XBF {
  display: flex;
  width: 93%;
  gap: 10px; /* edit the space between the buttons */
  padding: 10px;
  box-sizing: border-box;
  justify-content: flex-start;
}