button{white-space:nowrap;align-items:center;gap:1rem;width:auto;padding:.625rem 1.25rem;font-size:1rem;font-style:normal;font-weight:400;line-height:normal;display:flex;position:relative;overflow:hidden}button .ripple-effect{transform-origin:50%;opacity:0;pointer-events:none;z-index:1;background-color:#fff9;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;position:absolute;top:50%;left:50%;transform:scale(0)}button .ripple-effect.animate{animation:.6s ease-out forwards ripple-animation}@keyframes ripple-animation{0%{opacity:.6;transform:scale(0)}to{transform:scale(var(--scale,4));opacity:0}}button .icon{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}button .label{z-index:2;position:relative}button.black{color:#fff;background:#000}button.black .ripple-effect{background-color:#fff6}button.white{color:#000;background:#fff}button.white .ripple-effect{background-color:#0003}button.with-border{color:#000;border:1px solid #000}button.with-border .ripple-effect{filter:brightness(.9);background-color:#0000001a}@media (width>=1024px){button{padding:.75rem 1.5rem}}

/*# sourceMappingURL=05ef144ad0c36cb8.css.map*/