.burgerBtn{display:flex}.burgerBtn label>span{display:flex;flex-direction:column;justify-content:space-between;gap:6px;cursor:pointer;transition:all .5s}.burgerBtn label>span>span{width:1.5rem;height:2px;background:#fff;transition:all .5s;transform-origin:left}.burgerBtn label>span>span:first-child{transform-origin:top left;transition-delay:.1s}.burgerBtn label>span>span:nth-child(2){transition:transform .3s;transition-delay:.5s}.burgerBtn label>span>span:nth-child(3){transform-origin:bottom left;transition-delay:.2s}.burgerBtn.isOpen label>span{transform:rotate(90deg)}.burgerBtn.isOpen label>span span:nth-child(2){transform:scaleX(0);transition-delay:.05s}.burgerBtn.isOpen label>span span:first-child{transform:rotate(45deg) translateY(-1px)}.burgerBtn.isOpen label>span span:nth-child(3){transform:rotate(-45deg) translateY(1px)}.burgerBtn input{display:none}.button{padding:10px 15px;color:#fff;text-transform:uppercase;font-weight:400;font-size:clamp(10px,2vw,12px);display:flex;align-items:center;flex-wrap:wrap;font-family:var(--font3);letter-spacing:.6px;font-size:16px;position:relative;background-color:#fff;border-radius:3px;overflow:hidden;border:1px solid transparent}.button,.button:before{transition:all .5s ease-in-out}.button:before{background-color:var(--color1);content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:3px;z-index:1}.button:hover{color:var(--color1);border:1px solid var(--color1)}.button:hover:before{background:transparent}.button span{transition:all .3s ease-in-out;z-index:2}.button.button-icon{padding:0;background-color:var(--color2);border-color:var(--color2)}.button.button-icon:hover{background:transparent;color:var(--color2)}.button.button-icon .icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;padding:7px}.button.button-icon .icon svg{width:100%;height:100%}.button.button-icon span:not(.icon){display:none}@media screen and (min-width:1280px)and (max-width:1599px){.button{padding:6px 10px;font-size:13px}}