.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(0.22,1,0.36,1);display:inline-flex;align-items:center;gap:.25rem;width:max-content;text-decoration:none}.button--dark,.button--light{--button-bg:var(--base-100);--button-fg:var(--base-500)}.button--dark{--button-hover-bg:var(--base-300);--button-hover-fg:var(--base-500)}.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{margin:0}.button p.mono,.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}