.button{--button-bg:var(--base-100);--button-fg:var(--base-500);--button-hover-bg:var(--base-400);--button-hover-fg:var(--base-100);--button-ease-power:cubic-bezier(.22,1,.36,1);align-items:center;gap:.25rem;width:max-content;text-decoration:none;display:inline-flex}.button--light{--button-bg:var(--base-100);--button-fg:var(--base-500)}.button--dark{--button-bg:var(--base-100);--button-fg:var(--base-500);--button-hover-bg:var(--base-300);--button-hover-fg:var(--base-500)}.button__label,.button__icon{min-height:3rem;color:var(--button-fg);isolation:isolate;transition:color .3s var(--button-ease-power);border-radius:.4rem;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.button__label{padding:0 1.5rem}.button__label:before,.button__icon:before{content:"";background-color:var(--button-hover-bg);transition:transform .35s var(--button-ease-power);z-index:1;border-radius:.4rem;position:absolute;inset:0;transform:translateY(100%)}.button__label:after,.button__icon:after{content:"";background-color:var(--button-bg);transition:transform .35s var(--button-ease-power);z-index:0;border-radius:.4rem;position:absolute;inset:0;transform:scale(1)}.button--default .button__icon{aspect-ratio:1;width:3rem;font-size:1.25rem}.button--no-icon .button__label{padding:0 2rem}.button p.mono{z-index:2;margin:0;position:relative}.button__icon>*{z-index:2;position:relative}.button:hover .button__label,.button:hover .button__icon{color:var(--button-hover-fg)}.button:hover .button__label:before,.button:hover .button__icon:before{transform:translateY(0)}.button:hover .button__label:after,.button:hover .button__icon:after{transform:scale(.9)}.button:focus-visible{outline:2px solid var(--button-hover-bg);outline-offset:3px}