.btn{--gradient-border-opacity:0;--gradient-border-inset:-2px;border:2px solid var(--color-text);min-height:45px;color:var(--color-text);font-weight:700;font-size:var(--text-xl);letter-spacing:-.03em;text-align:center;cursor:pointer;background-color:#0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 2rem;line-height:1;transition:border-color .2s;display:inline-flex}.btn:hover,.btn:focus-visible{--gradient-border-opacity:1;border-color:#0000}.btn:active{background-image:linear-gradient(270deg,#ff565533,#afa8b033,#0000af33)}.btn__icon{flex-shrink:0;width:24px;height:24px}