.custom-button{display:inline-flex;position:relative;align-items:center;padding:max(8px,calc(100vw / 240));border-radius:100vw;overflow:hidden;box-sizing:border-box;background-color:var(--km-white-20, rgba(255, 255, 255, .2));border:1px solid var(--km-white-35, rgba(255, 255, 255, .35));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-decoration:none;cursor:pointer;transition:background-color .4s cubic-bezier(.76,0,.24,1),border-color .4s cubic-bezier(.76,0,.24,1)}.button-text-container{position:relative;height:max(24px,1.25vw);overflow:hidden}.button-text-top,.button-text-bottom{display:block;padding:0 max(12px,.625vw);font-family:var(--km-font, var(--font-body-family));font-weight:500;letter-spacing:-.01em;white-space:nowrap;font-size:max(16px,calc(100vw / 120));line-height:1.5;color:#fff;transition:transform .4s cubic-bezier(.76,0,.24,1),color .4s cubic-bezier(.76,0,.24,1)}.button-text-bottom{position:absolute;top:100%;left:0;width:100%}.button-icon{display:flex;align-items:center;justify-content:center;width:max(32px,calc(100vw / 60));height:max(32px,calc(100vw / 60));transform:rotate(-45deg);transition:transform .4s cubic-bezier(.76,0,.24,1)}.button-icon img{width:100%;height:100%}.custom-button:hover{background-color:var(--km-primary, #efd19f);border-color:var(--km-primary, #efd19f)}.custom-button:hover .button-text-top,.custom-button:hover .button-text-bottom{transform:translateY(-100%);color:#000}.custom-button:hover .button-icon{transform:rotate(0)}.custom-button:focus-visible{outline:.2rem solid currentColor;outline-offset:.3rem}@media only screen and (max-aspect-ratio:1){.custom-button{backdrop-filter:none;-webkit-backdrop-filter:none}.button-text-container{height:max(24px,1.25vw)}.button-text-top,.button-text-bottom{font-size:max(15px,calc(100vw / 120))}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/km-button.css.map */