.pill-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.8rem;border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:.9rem;font-weight:500;cursor:pointer;border:none;position:relative;overflow:hidden;transition:transform .4s var(--ease-out-expo),box-shadow .4s var(--ease-out-expo),color .4s,background .4s}.pill-btn--primary{background:var(--white);color:var(--dark)}.pill-btn--primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-brand);opacity:0;transition:opacity .4s;border-radius:inherit}.pill-btn--primary:hover:before{opacity:1}.pill-btn--primary:hover{color:var(--white);transform:translateY(-1px);box-shadow:0 8px 24px #4dd9c04d}.pill-btn--primary span{position:relative;z-index:1}.pill-btn--outline{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.2);transition:border-color .35s var(--ease-out-expo),color .35s}.pill-btn--outline:hover{border-color:var(--turquoise);color:var(--turquoise)}.pill-btn--dark{background:var(--dark);color:var(--white)}.pill-btn--dark:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-brand);opacity:0;transition:opacity .4s;border-radius:inherit}.pill-btn--dark:hover:before{opacity:1}.pill-btn--dark:hover{transform:translateY(-1px);box-shadow:0 8px 24px #4dd9c04d}.pill-btn--dark span{position:relative;z-index:1}.pill-btn--gradient{background:var(--gradient-brand);color:var(--white)}.pill-btn--gradient:hover{transform:translateY(-1px);box-shadow:0 8px 24px #4dd9c04d}.pill-btn--gradient span{position:relative;z-index:1}@media (hover: none){.pill-btn--primary:before,.pill-btn--dark:before{display:none}}