.specular-button{--specular-x:50%;--specular-y:50%;position:relative;isolation:isolate;display:inline-flex;min-height:48px;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(155,198,255,.42);border-radius:9px;padding:0 22px;background:linear-gradient(180deg,#1d6aff,#1258ec);color:#fff;font-weight:800;letter-spacing:-.01em;box-shadow:0 12px 30px rgba(22,93,255,.26),inset 0 1px 0 rgba(255,255,255,.24);transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease,border-color .22s ease}.specular-button--compact{min-height:40px;padding:0 16px;border-radius:8px;font-size:12px}.specular-button:hover{transform:translateY(-2px);border-color:rgba(202,225,255,.72);box-shadow:0 18px 38px rgba(22,93,255,.33),inset 0 1px 0 rgba(255,255,255,.32)}.specular-button:active{transform:translateY(0) scale(.985)}.specular-button:focus-visible{outline:3px solid rgba(117,170,255,.46);outline-offset:3px}.specular-button__content{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:.6rem}.specular-button__shine{position:absolute;z-index:1;inset:-70%;pointer-events:none;background:radial-gradient(circle at var(--specular-x) var(--specular-y),rgba(255,255,255,.62) 0,rgba(255,255,255,.16) 8%,transparent 24%);opacity:.28;transition:opacity .2s ease}.specular-button:hover .specular-button__shine{opacity:.62}.specular-button:after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;border:1px solid rgba(255,255,255,.13)}.site-header--transparent .specular-button{background:rgba(20,89,225,.78);backdrop-filter:blur(12px);border-color:rgba(255,255,255,.34)}@media (hover:none){.specular-button__shine{display:none}}@media (prefers-reduced-motion:reduce){.specular-button{transition:none}}