.jubel-button{position:relative;overflow:hidden;cursor:pointer;min-width:100px;min-height:45px;font-family:var(--tandelle-heading);font-weight:var(--tandelle-font-weight);font-size:clamp(1rem,-.1607rem + 4.7619vw,1.625rem)}.jubel-button .button{display:flex;justify-content:center;align-items:center;border:0;width:100%;height:100%;padding:0;position:absolute;z-index:0}.jubel-button .button span{font-size:1.8rem;z-index:1}.jubel-button .button.inactive{color:#000}.jubel-button .button.active{color:#fff;height:100%;width:100%}.jubel-button .mask{position:absolute;height:100%;width:100%;top:0;left:0;overflow:hidden;z-index:1}.jubel-button svg{position:absolute;width:100%;height:100%;background-color:#fff}.Peach .jubel-button .active svg{fill:#ff4f01}.BloodOrange .jubel-button .active svg{fill:#e82232}.Mango .jubel-button .active svg{fill:#ffc600}.Mixed .jubel-button .active svg{fill:#ff4f01}.Elderflower .jubel-button .active svg{fill:#a8ad00}.Grapefruit .jubel-button .active svg{fill:#f8485e}.Lemon .jubel-button .active svg{fill:#ffd200}.jubel-button:hover .mask,.jubel-button.active .mask{animation:reveal .5s linear forwards}@keyframes reveal{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0)}33%{clip-path:polygon(53% 0,100% 0,100% 100%,0 100%,0 100%)}66%{clip-path:polygon(100% 0,100% 0,100% 100%,41% 100%,41% 100%)}to{clip-path:polygon(100% 100%,100% 100%,100% 100%,100% 100%,100% 100%)}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/jubel-button.css.map */