.btn{
 position:relative;isolation:isolate;border:1px solid rgba(210,245,230,.72);
 background:radial-gradient(ellipse at 17% 0%,rgba(255,255,255,.32),transparent 62%),linear-gradient(165deg,rgba(21,91,83,.94),rgba(21,91,83,.83) 61%,rgba(112,174,153,.64));
 backdrop-filter:url(#abr-glass-lens) saturate(145%);-webkit-backdrop-filter:blur(1px) saturate(145%);
 box-shadow:inset 0 1px 1px rgba(255,255,255,.95),inset 1px 0 2px rgba(255,255,255,.42),inset -1px 0 2px rgba(255,255,255,.22),inset 0 -5px 5px rgba(4,47,38,.27),0 8px 16px rgba(21,55,43,.14),0 1px 1px rgba(21,91,83,.26);
 color:white;text-shadow:0 1px 1px rgba(6,37,30,.4);overflow:visible;
 transition:background-color .16s,box-shadow .16s,transform .16s;
}
.btn-content{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:22px}
.btn::before{content:'';position:absolute;pointer-events:none;inset:0;border-radius:inherit;z-index:0;border-top:1px solid #FFFFFFCC;border-bottom:1px solid #D6F6E1A6;background:linear-gradient(112deg,transparent 9%,#FFFFFF36 23%,transparent 35%,transparent 74%,#FFFFFF2B 90%,transparent)}
.btn::after{content:'';position:absolute;pointer-events:none;inset:2px 3px 3px;border-radius:5px;z-index:1;border-top:1px solid #FFFFFF73;border-bottom:1px solid #E3FFF538;box-shadow:inset 0 -1px 1px #153B2E29}
.btn.secondary{border-color:rgba(255,255,255,.9);background:radial-gradient(ellipse at 18% 0%,rgba(255,255,255,.68),transparent 58%),linear-gradient(165deg,rgba(255,255,255,.06) 30%,rgba(160,206,188,.10) 63%,rgba(255,255,255,.4));color:var(--ink);text-shadow:0 1px 0 #FFFFFFA6;box-shadow:inset 0 2px 2px #FFFFFFF2,inset 1px 0 2px #FFFFFF80,inset -1px 0 2px #FFFFFF59,inset 0 -5px 5px #155B5329,0 8px 16px #153B2B1A,0 1px 1px #155B535C}
.btn:hover:not(.disabled),.btn.hover{background-color:#155B531F;box-shadow:inset 0 2px 2px white,inset 1px 0 2px #FFFFFF80,inset 0 -5px 6px #062F264D,0 10px 20px #153B2B29,0 1px 1px #155B5366}
.btn.hover,.btn:not(.secondary):not(.lime):not(.link):hover:not(.disabled){background:radial-gradient(ellipse at 17% 0%,#FFFFFF5C,transparent 62%),linear-gradient(165deg,rgba(15,70,63,.97),rgba(21,91,83,.89) 61%,rgba(100,159,140,.80))}
.btn.secondary:hover{background:radial-gradient(ellipse at 18% 0%,#FFFFFFCC,transparent 58%),linear-gradient(165deg,#FFFFFF14 30%,#A0CEBC2E 63%,#FFFFFF75);color:var(--ink)}
.btn:active:not(.disabled),.btn.pressed{transform:translateY(1px);background:linear-gradient(165deg,rgba(10,62,53,.94),rgba(21,91,83,.88));box-shadow:inset 0 2px 4px #052E2659,inset 0 -2px 2px #D7F5E675,0 2px 5px #153B2B26}
.btn:focus-visible,.btn.focus{outline:3px solid #245EC7;outline-offset:3px}
.btn.lime{background:radial-gradient(ellipse at 18% 0%,#FFFFFFB3,transparent 62%),linear-gradient(165deg,rgba(209,237,131,.98),rgba(209,237,131,.83) 62%,rgba(235,255,196,.94));color:var(--ink);border-color:#E9FFB5BF;text-shadow:0 1px 0 #FFFFFF80;box-shadow:inset 0 2px 2px #FFFFFFD9,inset 0 -5px 5px #4F6F222B,0 8px 16px #0B211C33,0 1px 1px #FFFFFF66}
.btn[style*="#A72C34"]{background:radial-gradient(ellipse at 17% 0%,#FFFFFF52,transparent 62%),linear-gradient(165deg,#A72C34F2,#A72C34DB 61%,#CD747CC4)!important;border-color:#FFD7D9B3}
.btn.disabled,.btn:disabled{background:#E3E7E2;border-color:#C6CEC7;box-shadow:none;color:#616B66;text-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;cursor:default;transform:none}
.btn.disabled::before,.btn.disabled::after,.btn:disabled::before,.btn:disabled::after{display:none}