.gel-btn{--anim-back:#1f5a4e;--anim-front:#8fe0cd;position:relative;overflow:hidden;isolation:isolate;border-radius:9999px;padding:.8rem 2rem;font-weight:600;color:#f2faf7;background:linear-gradient(180deg,#2e7d6c,#1f5a4e);box-shadow:0 12px 30px rgba(10,45,38,.28);cursor:pointer;border:none}.gel-btn:active{transform:translateY(1px) scale(.995);filter:brightness(1.06);box-shadow:inset 0 6px 12px rgba(0,0,0,.16)}.gel-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:220%;background:radial-gradient(60% 55% at 30% 6%,var(--anim-front) 0,rgba(255,255,255,0) 65%),radial-gradient(70% 60% at 70% 12%,rgba(255,255,255,.35) 0,rgba(255,255,255,0) 60%),linear-gradient(180deg,var(--anim-back) 0,rgba(0,0,0,0) 72%);border-radius:38%;transform:translateY(64%) scale(.98);transition:transform .46s cubic-bezier(.2,.9,.3,1),border-radius .55s ease;pointer-events:none;z-index:0;opacity:.85;mix-blend-mode:soft-light;filter:blur(.35px) saturate(1.04);will-change:transform,border-radius,filter}.gel-btn:hover:before{animation:k-bubble-in .52s cubic-bezier(.16,.84,.44,1) forwards,k-bubble-gel 2.4s cubic-bezier(.36,.66,.04,1) .52s infinite alternate;opacity:.96;filter:blur(.3px) saturate(1.06)}.gel-btn:hover{text-shadow:0 1px 0 rgba(0,0,0,.12)}@keyframes k-bubble-in{0%{transform:translateY(64%) scale(.98);border-radius:36%}40%{transform:translateY(18%) scale(1.06);border-radius:22%}70%{transform:translateY(-2%) scale(1.015);border-radius:16%}to{transform:translateY(0) scale(1);border-radius:14%}}@keyframes k-bubble-gel{0%{transform:translateY(0) scale(1);border-radius:14%}50%{transform:translateY(-1.2%) scale(1.012);border-radius:16%}to{transform:translateY(1%) scale(.995);border-radius:13%}}@property --ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.spin-ring{position:relative;z-index:1;border-radius:.5rem}.spin-ring:after{content:"";position:absolute;inset:-5px;border-radius:.75rem;pointer-events:none;background:conic-gradient(from var(--ring-angle),rgba(70,160,142,.95),rgba(70,160,142,.15),rgba(70,160,142,.95));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:3px;opacity:.9;animation:ring-sweep 1.6s linear infinite}@keyframes ring-sweep{to{--ring-angle:360deg}}@media (prefers-reduced-motion:reduce){.gel-btn:before{transition:transform .3s ease,border-radius .3s ease}.gel-btn:hover:before{animation:none;transform:translateY(0);border-radius:12%;filter:none}.spin-ring:after{animation:none}}