.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:1px;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;background:#fff;color:#000;text-transform:uppercase;font-weight:600;font-size:clamp(10px,2vw,12px);transition:all .5s;border:1px solid hsla(0,0%,52%,.2);display:flex;align-items:center;flex-wrap:wrap;font-family:var(--font2);box-shadow:0 5px 10px hsla(0,0%,52%,.2)}.button:hover{background:var(--black);color:#fff;box-shadow:0 5px 10px hsla(0,0%,52%,.4)}.button:hover .icon{filter:brightness(0) invert(1);margin-right:20px}.button .icon{margin-right:10px;filter:brightness(0);transition:all .5s}