.button{--button-bg:#000000;--button-fg:#ffffff;--button-hover-bg:#d4d4d4;--button-hover-fg:#0f0f0f;--button-ease-power:cubic-bezier(0.22,1,0.36,1);display:inline-flex;align-items:center;gap:.25rem;width:max-content;text-decoration:none;border:none;cursor:pointer;background:none;padding:0;font:inherit}.button--light{--button-bg:#000000;--button-fg:#ffffff;--button-hover-bg:#d4d4d4;--button-hover-fg:#0f0f0f}.button--dark{--button-bg:#ffffff;--button-fg:#0f0f0f;--button-hover-bg:#200030;--button-hover-fg:#ffffff}.button__icon,.button__label{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:3rem;overflow:hidden;border-radius:.4rem;color:var(--button-fg);isolation:isolate;transition:color .3s var(--button-ease-power)}.button__label{padding:0 1.5rem}.button__icon:before,.button__label:before{background-color:var(--button-hover-bg);transform:translateY(100%);z-index:1}.button__icon:after,.button__icon:before,.button__label:after,.button__label:before{content:"";position:absolute;inset:0;border-radius:.4rem;transition:transform .35s var(--button-ease-power)}.button__icon:after,.button__label:after{background-color:var(--button-bg);transform:scale(1);z-index:0}.button--default .button__icon{width:3rem;font-size:1.25rem;aspect-ratio:1}.button--no-icon .button__label{padding:0 2rem}.button p.mono{position:relative;margin:0;z-index:2;font-family:Aeonik Pro,sans-serif;font-size:.85rem;font-weight:500;text-transform:none;letter-spacing:.02em}.button p.mono.sm{font-size:.8rem}.button__icon>*{position:relative;z-index:2}.button:hover .button__icon,.button:hover .button__label{color:var(--button-hover-fg)}.button:hover .button__icon:before,.button:hover .button__label:before{transform:translateY(0)}.button:hover .button__icon:after,.button:hover .button__label:after{transform:scale(.9)}.button:focus-visible{outline:2px solid var(--button-hover-bg);outline-offset:3px}