.share-button-container {
  width: 100%;
  max-width: 100%;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
}
.share-button {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  gap: 16px;
}
.share-button > div,
.share-button .share {
  cursor: pointer;
  font-size: 22px;
  outline: 0px;
  color: rgb(12, 12, 151);
  transition: all 0.15s ease-in-out 0s;
}

/* Share Boxed layout */
.share-boxed-container .share-button {
  background: var(--colorContentBG);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.06);
  border-radius: 9px;
  display: inline-flex;
  justify-content: flex-start;
  gap: 0;
}
@media (max-width: 575px) {
  .share-boxed-container .share-button {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.share-boxed-container .share-button a {
  padding: 14px 48px;
  align-items: center;
  column-gap: 12px;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.02em;
}
@media (max-width: 575px) {
  .share-boxed-container .share-button a {
    width: 100%;
    justify-content: center;
  }
}
.share-boxed-container .share-button a:not(:last-child) {
  border-right: 1px solid #f1f1f1;
}
@media (max-width: 575px) {
  .share-boxed-container .share-button a:not(:last-child) {
    border-right: none;
    border-bottom: 1px solid #f1f1f1;
  }
}

body[data-color-mode="dark"]
  .share-boxed-container
  .share-button
  a:not(:last-child) {
  border-color: #111111;
}