.avenir-pressable{--ap-size:96px;--ap-teal:#5dcaa5;--ap-teal-dk:#1d9e75;--ap-deep:#0a4a3c;--ap-purple:#7f77dd;--ap-coral:#f0997b;width:var(--ap-size);height:var(--ap-size);background:radial-gradient(circle at 50% 35%, #fff 0%, transparent 18%), radial-gradient(circle at 60% 70%, var(--ap-coral) 0%, transparent 35%), radial-gradient(circle at 25% 75%, var(--ap-purple) 0%, transparent 35%), radial-gradient(circle at 75% 35%, var(--ap-teal) 0%, transparent 40%), radial-gradient(circle at 50% 50%, var(--ap-teal-dk) 0%, var(--ap-deep) 100%);border-radius:50%;flex-shrink:0;transition:transform .18s,box-shadow .18s;animation:3s ease-in-out infinite ap-breathe;display:inline-block;position:relative;overflow:hidden;box-shadow:0 8px 20px #0009,0 0 32px #5dcaa573,0 0 64px #7f77dd40,inset 2px 4px 8px #ffffff40,inset -3px -6px 14px #00000073}.avenir-pressable[data-size=xs]{--ap-size:40px}.avenir-pressable[data-size=sm]{--ap-size:64px}.avenir-pressable[data-size=md]{--ap-size:96px}.avenir-pressable[data-size=lg]{--ap-size:128px}.avenir-pressable[data-size=xl]{--ap-size:192px}.avenir-pressable:before{content:"";filter:blur(4px);mix-blend-mode:screen;background:radial-gradient(at 70% 30%,#f0997bb3 0%,#0000 35%),radial-gradient(at 30% 75%,#7f77ddb3 0%,#0000 38%);border-radius:50%;animation:5s ease-in-out infinite ap-drift;position:absolute;inset:0}.avenir-pressable:after{content:"";filter:blur(2px);pointer-events:none;background:linear-gradient(#fff9 0%,#fff0 100%);border-radius:50%;width:50%;height:28%;position:absolute;top:8%;left:25%}.avenir-pressable.light{background:radial-gradient(circle at 50% 35%,#fff 0%,#0000 25%),radial-gradient(circle at 60% 70%,#d85a30 0%,#0000 40%),radial-gradient(circle at 25% 75%,#534ab7 0%,#0000 40%),radial-gradient(circle,#1d9e75 0%,#0f6e56 100%);box-shadow:0 6px 14px #0f6e5666,0 0 24px #1d9e754d,inset 2px 3px 6px #fff6,inset -3px -5px 10px #0000004d}.avenir-pressable-btn{color:#fff;font:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:14px;padding:10px 20px 10px 10px;font-size:15px;font-weight:500;transition:background .18s,border-color .18s;display:inline-flex}.avenir-pressable-btn:hover{background:#ffffff14;border-color:#ffffff2e}.avenir-pressable-btn.alt{background:#1d9e75;border-color:#0000}.avenir-pressable-btn.alt:hover{background:#1b8c68}.avenir-pressable-btn.light{color:#0a0a0a;background:#fff;border-color:#00000014;box-shadow:0 2px 6px #0000000f}.avenir-pressable-btn.light:hover{background:#f4f3ee;border-color:#00000024}.avenir-pressable-btn:hover .avenir-pressable{transform:scale(1.04);box-shadow:0 10px 24px #000000b3,0 0 40px #5dcaa599,0 0 80px #7f77dd59,inset 2px 4px 8px #ffffff4d,inset -3px -6px 14px #00000073}.avenir-pressable-btn:active .avenir-pressable{transform:scale(.96);box-shadow:0 3px 8px #000000b3,0 0 24px #5dcaa580,inset 3px 5px 10px #0000008c,inset -1px -2px 6px #ffffff26}@keyframes ap-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes ap-drift{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.1)rotate(180deg)}}@media (prefers-reduced-motion:reduce){.avenir-pressable,.avenir-pressable:before{animation:none}}