/* SomTech — animated neon social buttons */
.sx-social{
  margin-top:24px;
  padding-top:2px;
}
.sx-social-label{
  display:block;
  margin:0 0 13px;
  color:#c7d4e7;
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.sx-social-icons{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin:0;
  padding:0;
}
.sx-social-icon{
  position:relative;
  isolation:isolate;
  width:48px;
  height:48px;
  min-width:48px;
  min-height:48px;
  padding:0;
  margin:0;
  border:1px solid rgba(34,211,238,.55);
  border-radius:14px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  color:#67e8f9!important;
  background:linear-gradient(145deg,rgba(10,25,54,.96),rgba(3,9,24,.9));
  box-shadow:inset 0 0 16px rgba(34,211,238,.08),0 0 12px rgba(0,153,255,.08),0 8px 22px rgba(0,0,0,.25);
  transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease,color .28s ease;
}
.sx-social-icon::before{
  content:"";
  position:absolute;
  inset:-45%;
  z-index:-2;
  background:conic-gradient(from 0deg,transparent 0deg,rgba(34,211,238,.05) 55deg,rgba(34,211,238,.85) 105deg,rgba(99,102,241,.75) 150deg,transparent 220deg,transparent 360deg);
  animation:sxSocialSpin 3.8s linear infinite;
}
.sx-social-icon::after{
  content:"";
  position:absolute;
  inset:2px;
  z-index:-1;
  border-radius:12px;
  background:linear-gradient(145deg,rgba(8,20,45,.97),rgba(3,8,21,.97));
}
.sx-social-icon svg{
  width:22px;
  height:22px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 6px currentColor);
}
.sx-social-icon[data-social="facebook"] svg,
.sx-social-icon[data-social="linkedin"] svg,
.sx-social-icon[data-social="x"] svg{fill:currentColor;stroke:none}
.sx-social-icon:hover,
.sx-social-icon:focus-visible{
  transform:translateY(-5px) scale(1.05);
  color:#fff!important;
  border-color:rgba(34,211,238,.95);
  outline:none;
  box-shadow:inset 0 0 20px rgba(34,211,238,.12),0 0 10px rgba(34,211,238,.42),0 0 28px rgba(59,130,246,.3),0 12px 26px rgba(0,0,0,.3);
}
.sx-social-icon:active{transform:translateY(-2px) scale(1.01)}
.sx-social-icon[data-social="instagram"]{color:#f9a8d4!important;border-color:rgba(236,72,153,.55)}
.sx-social-icon[data-social="facebook"]{color:#60a5fa!important;border-color:rgba(59,130,246,.55)}
.sx-social-icon[data-social="linkedin"]{color:#67e8f9!important}
.sx-social-icon[data-social="youtube"]{color:#fb7185!important;border-color:rgba(244,63,94,.55)}
.sx-social-icon[data-social="x"]{color:#e5e7eb!important;border-color:rgba(148,163,184,.45)}
.sx-social-icon[data-social="instagram"]::before{background:conic-gradient(from 0deg,transparent,rgba(236,72,153,.8),rgba(168,85,247,.7),rgba(251,191,36,.65),transparent)}
.sx-social-icon[data-social="facebook"]::before{background:conic-gradient(from 0deg,transparent,rgba(59,130,246,.9),rgba(34,211,238,.7),transparent)}
.sx-social-icon[data-social="youtube"]::before{background:conic-gradient(from 0deg,transparent,rgba(244,63,94,.9),rgba(251,146,60,.7),transparent)}
.sx-social-icon[data-social="x"]::before{background:conic-gradient(from 0deg,transparent,rgba(226,232,240,.7),rgba(99,102,241,.7),transparent)}
@keyframes sxSocialSpin{to{transform:rotate(360deg)}}
@media(max-width:600px){
  .sx-social{margin-top:20px}
  .sx-social-label{margin-bottom:11px}
  .sx-social-icons{gap:10px}
  .sx-social-icon{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:13px}
  .sx-social-icon::after{border-radius:11px}
  .sx-social-icon svg{width:20px;height:20px}
}
@media(prefers-reduced-motion:reduce){.sx-social-icon::before{animation:none}.sx-social-icon{transition:none}}