.pill-button{z-index:0;font-family:var(--font-body);text-align:center;white-space:nowrap;border-radius:50px;justify-content:center;align-items:center;padding:16px 32px;font-size:16px;font-weight:500;line-height:16px;transition:background-color .3s,color .3s;display:inline-flex;position:relative}.pill-button__text{display:block}.pill-button--solid{background-color:var(--brand-primary);color:#f6f3ee}.pill-button--solid:hover{background-color:#1e1e1ee6}.pill-button--outline{color:var(--brand-ink);background-color:#0000;padding:15.5px 32px;font-weight:400}.pill-button--outline:before,.pill-button--outline:after{content:"";z-index:-1;-webkit-mask-composite:xor;border-radius:50px;padding:2px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#fff 0 0) content-box exclude,linear-gradient(#fff 0 0)}.pill-button--outline:before{background:linear-gradient(90deg, var(--brand-sage-ink), var(--brand-sage-deep), var(--brand-sage));opacity:1}.pill-button--outline:after{background:linear-gradient(90deg, var(--brand-sage), var(--brand-sage-deep), var(--brand-sage-ink));opacity:0}.pill-button--outline:hover:before{opacity:0}.pill-button--outline:hover:after{opacity:1}.pill-button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}@media (max-width:767px){.pill-button{padding:17px 28px;font-size:14px;line-height:14px}.pill-button--outline{padding:17px}.pill-button--wide{width:100%;padding:16px 32px;font-size:16px;line-height:16px}}