.tg-contact{
  --support-accent:#e3a064;
  position:fixed;
  right:26px;
  bottom:26px;
  z-index:80;
  display:flex;
  align-items:center;
  gap:8px;
  height:46px;
  padding:0 11px 0 7px;
  border:1px solid rgba(227,160,100,.42);
  border-radius:18px;
  background:rgba(24,27,23,.97);
  color:#f8f4eb;
  box-shadow:0 14px 32px rgba(20,22,18,.16),0 0 16px 2px rgba(227,160,100,.24),inset 0 1px rgba(255,255,255,.08);
  font-size:12px;
  isolation:isolate;
  animation:support-breathe 3.2s ease-in-out infinite;
}
.tg-contact::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:-5px;
  border:1px solid rgba(227,160,100,.48);
  border-radius:24px;
  opacity:.54;
  transform:scale(.99);
  animation:support-ring 3.2s cubic-bezier(.2,.7,.2,1) infinite;
  pointer-events:none;
}
.tg-contact span{
  position:relative;
  z-index:1;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid rgba(24,27,23,.2);
  border-radius:12px;
  background:var(--support-accent);
  color:#241b13;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:10px;
  font-weight:800;
  letter-spacing:-.4px;
  box-shadow:0 0 0 0 rgba(227,160,100,.36);
  animation:support-mark 3.2s ease-in-out infinite;
}
.tg-contact b{position:relative;z-index:1}
.tg-contact span::before{
  content:"";
  position:absolute;
  z-index:2;
  width:13px;
  height:8px;
  top:-5px;
  right:-6px;
  border-radius:100% 0 100% 0;
  background:#91ad62;
  box-shadow:0 2px 6px rgba(145,173,98,.34);
  transform:rotate(-34deg);
  transform-origin:left bottom;
  animation:support-leaf 3.2s ease-in-out infinite;
}
.tg-contact span::after{
  content:"";
  position:absolute;
  width:8px;
  height:1px;
  top:-1px;
  right:-3px;
  background:#d8e6ae;
  transform:rotate(-34deg);
  transform-origin:left center;
}
.tg-contact b{font-weight:650;letter-spacing:.02em;white-space:nowrap}
.tg-contact i{margin-left:auto;color:#b8a796;font-size:13px;font-style:normal;transition:transform .25s ease,color .25s ease}
.tg-contact:hover,.tg-contact:focus-visible{outline:2px solid var(--support-accent);outline-offset:4px}
.tg-contact:hover i,.tg-contact:focus-visible i{color:var(--support-accent);transform:translateX(2px)}
@keyframes support-breathe{
  0%,100%{transform:scale(1);filter:brightness(1);box-shadow:0 14px 32px rgba(20,22,18,.16),inset 0 1px rgba(255,255,255,.08)}
  50%{transform:scale(1.042);filter:brightness(1.06);box-shadow:0 17px 38px rgba(20,22,18,.22),0 0 22px rgba(227,160,100,.26),inset 0 1px rgba(255,255,255,.11)}
}
@keyframes support-ring{
  0%{opacity:.54;transform:scale(.99)}
  55%{opacity:.28}
  100%{opacity:0;transform:scale(1.18)}
}
@keyframes support-mark{
  0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(227,160,100,.28)}
  50%{transform:scale(1.055);box-shadow:0 0 0 4px rgba(227,160,100,.13),0 0 13px rgba(227,160,100,.27)}
}
@keyframes support-leaf{
  0%,100%{transform:rotate(-34deg) scale(1)}
  50%{transform:rotate(-22deg) scale(1.08)}
}
@media(max-width:560px){
  .tg-contact{right:14px;bottom:14px;height:44px;padding-right:10px;border-radius:15px}
  .tg-contact span{width:29px;height:29px;border-radius:9px}
  .tg-contact b{font-size:11px}
}