.btb-engagement,
.btb-view-count,
.btb-love,
.btb-share-options {
  display: inline-flex;
  align-items: center;
}

.btb-engagement {
  gap: 12px;
  margin-left: auto;
}

.btb-view-count {
  gap: 7px;
  font-size: 18px;
  margin-right: 15px;
}

.btb-view-count .fa-eye {
  font-size: 22px;
  color: var(--btb-accent);
  top: unset;
}

body div#ajax-content-wrap .btb-like-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  padding: 0;
  color: #fff;
  appearance: none;
  background: #28223f;
  border: 2px solid var(--btb-accent);
  border-radius: 50% !important;
  cursor: pointer;
  transition: color .25s ease, opacity .25s ease, transform .25s ease;
  position: relative;
}

.btb-like-button svg {
  width: 25px;
  height: 25px;
  overflow: visible;
  z-index: 999999;
  filter: drop-shadow(0px 2px 13px #28223f);
}

.btb-like-button path {
  fill: transparent;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: fill .25s ease, stroke .25s ease;
}

body div#ajax-content-wrap .btb-like-button.is-liked {
  color: var(--btb-accent);
}

.btb-like-button.is-liked path {
  fill: var(--btb-accent);
  stroke: var(--btb-accent);
}

.btb-like-button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.btb-like-button.is-loading {
  opacity: .55;
  cursor: wait;
}

.btb-like-button:disabled:not(.is-loading) {
  opacity: .45;
  cursor: not-allowed;
}

.social-share {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-direction: row-reverse;
}

body div#ajax-content-wrap .social-share__toggle, body div#ajax-content-wrap .social-share__button, .btb-author-credit__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: #fff;
  appearance: none;
  background: #28223f;
  border: 1.5px solid  var(--btb-accent);
  border-radius: 100% !important;
  cursor: pointer;
  transition: all 0.2s ease;
}

body div#ajax-content-wrap  .social-share__toggle {
  width: 55px;
  height: 55px;
  color: var(--btb-accent);
  border: 2px solid var(--btb-accent);
}

.social-share__toggle svg {
  width: 20px;
  height: 20px;
  color: #fff;
  left: -1px;
  position: relative;
}
/* Icons are inline SVGs wrapped in <i class="social-share__icon"> — sized below. */
body div#ajax-content-wrap span.social-share.is-open button.social-share__toggle {background: var(--btb-accent); !important;transition: all 0.2s ease;margin-left: 12px;}
body div#ajax-content-wrap span.social-share.is-open button.social-share__toggle svg {color: #28223f;transition:color 0.2s ease;}
.social-share__panel {
  display: flex;
  align-items: center;
  gap: 10px;
  animation: btb-share-options-in .25s ease both;
}


.btb-engagement:has(.is-open) .btb-view-count,
.btb-engagement:has(.is-open) span.btb-love {
    opacity: 1;
    transform:scale(1);
    transition: all 0.3s ease;
}

.btb-engagement:has(.is-open) .btb-view-count,
.btb-engagement:has(.is-open) span.btb-love {
    opacity: 0;
    transform: scale(0);
    transition: all 0.3s ease;
}

.social-share__panel[hidden] {
  display: none;
  opacity: 0;
}

.social-share.is-open .social-share__toggle {
  display: none;
}

@keyframes btb-share-options-in {
  from {
    opacity: 0;
    transform: translateX(10px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.social-share__button, .btb-author-credit__link {
  width: 55px;
  height: 55px;
  overflow: hidden;
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  line-height: 1;
  transition: color .25s ease, background-color .25s ease, border-color .25s ease, transform .25s ease;
}

.social-share__button:hover,
.social-share__button:focus-visible {
  color: #fff;
  background: var(--btb-accent);
  border-color: var(--btb-accent);
  transform: translateY(-2px);
}

.social-share__button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.social-share__icon {
  display: inline-flex;
  width: 25px;
  color: inherit;
}

.social-share__icon svg {
  display: block;
  width: 100%;
  height: auto;
}

.social-share__icon.is--success {
  position: absolute;
}

[data-social-share-type="clipboard"] .social-share__icon {
  transition: transform .4s cubic-bezier(.625, .05, 0, 1);
  transform: translateY(0) rotate(.001deg);
}

[data-social-share-type="clipboard"] .social-share__icon.is--success {
  color: #4ce58a;
  transform: translateY(200%) rotate(.001deg);
}

[data-social-share-type="clipboard"][data-social-share-success] .social-share__icon {
  transform: translateY(-200%) rotate(.001deg);
}

[data-social-share-type="clipboard"][data-social-share-success] .social-share__icon.is--success {
  transform: translateY(0) rotate(.001deg);
}

.btb-article-share {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 70px 0;
  text-align: center;
}

.btb-article-share .social-share,
.btb-article-share .social-share__panel {
  position: relative;
}

.btb-article-share .social-share__panel {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media (max-width: 690px) {

  .social-share__button {
    width: 44px;
    height: 44px;
    font-size: 19px;
  }

  .social-share__panel {
    gap: 7px;
  }

  .social-share__toggle {
    width: 44px;
    height: 44px;
  }

  .btb-like-button {
    width: 44px;
    height: 44px;
  }

  .btb-like-button svg {
    width: 23px;
    height: 23px;
  }

  .btb-article-share {
    padding: 70px 0 20px;
  }

  .btb-article-share__title {
    margin-bottom: 20px;
    font-size: 17px;
  }

  .btb-article-share .social-share__button {
    width: 48px;
    height: 48px;
  }
}