.a24-social-buttons{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:center;
}

.a24-social-buttons.a24-align-left{ justify-content:flex-start; }
.a24-social-buttons.a24-align-center{ justify-content:center; }
.a24-social-buttons.a24-align-right{ justify-content:flex-end; }

.a24-social-buttons .a24-sbtn{
  width: var(--a24sb-btn, 38px);
  height: var(--a24sb-btn, 38px);
  border-radius: var(--a24sb-radius, 999px);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none !important;
  line-height:1;
  background: transparent !important;

  /* spacing (won't be affected by ring/outline) */
  margin-right: var(--a24sb-gap, 8px) !important;
  margin-bottom: var(--a24sb-gap, 8px) !important;

  /* ring only (NO fill, NO optical fat padding) */
  box-shadow: inset 0 0 0 var(--a24sb-border, 2px) var(--a24sb-border-color, #fff5d9);
  transition: box-shadow .2s ease, transform .2s ease;
}

.a24-social-buttons .a24-sbtn:last-child{ margin-right:0 !important; }

.a24-social-buttons .a24-sbtn:hover{
  box-shadow: inset 0 0 0 var(--a24sb-border, 2px) var(--a24sb-border-hover, #ff5107);
}

.a24-social-buttons .a24-sbtn-inner{
  width: var(--a24sb-icon, 34px);
  height: var(--a24sb-icon, 34px);
  display:flex;
  align-items:center;
  justify-content:center;
  color: var(--a24sb-icon-color, #fff5d9);
  transition: color .2s ease;
}

.a24-social-buttons .a24-sbtn:hover .a24-sbtn-inner{
  color: var(--a24sb-icon-hover, #ffffff);
}

/* SVG */
.a24-social-buttons .a24sb-svg{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}

/* Enfold iconfont */
.a24-social-buttons .a24sb-iconfont{
  font-size: var(--a24sb-icon, 34px);
  line-height:1;
  color: inherit;
}

/* fallback */
.a24-social-buttons .a24sb-fallback{ font-size: var(--a24sb-icon, 34px); }