.burgerBtn{display:flex}.burgerBtn label>span{display:flex;flex-direction:column;justify-content:space-between;gap:6px;cursor:pointer}.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 span:nth-child(2){transform:scaleX(0);transition-delay:.05s}.burgerBtn.isOpen label>span span:first-child{transform:rotate(45deg)}.burgerBtn.isOpen label>span span:nth-child(3){transform:rotate(-45deg)}.burgerBtn input{display:none}.ripple-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.btns{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.btn{font-family:var(--font2);font-size:14px;letter-spacing:1px;padding:7px 35px;text-transform:uppercase;color:var(--white);display:block;width:max-content;position:relative;transition:all .5s ease;background:var(--color1);border-radius:7px}.btn:hover{transform:scale(.9)}.button{overflow:hidden;display:flex;align-items:center;cursor:pointer;justify-content:center;padding:2px 10px 2px 15px;background:var(--white);color:var(--color2);border:1px solid var(--white);font-family:var(--font2);width:max-content;height:max-content;transition:all .5s ease;min-width:195px;max-width:100%;z-index:1;position:relative}.button:hover{transform:scale(.9)}.button:hover .circle-arrows{transform:scale(1.2)}.button.transparent{background:transparent;color:var(--white)}.button.transparent .circle-arrows{background-color:transparent}.button.color{background:var(--color1);color:var(--white)}.button.color .circle-arrows{background-color:var(--white)}.button.color .circle-arrows .arrow{border-color:var(--color1)}.button.small{padding:2px 5px 2px 10px;min-width:150px}.button.small .label{font-size:14px;letter-spacing:1.5px}.button.small .circle-arrows{width:30px;height:30px}.button.small .circle-arrows .arrow{width:5px;height:5px;border-width:1px;transform:rotate(45deg) translate(-1px,1px)}.button .label{font-size:16px;letter-spacing:2px;z-index:10;transition:all .5s ease;text-transform:uppercase;font-weight:700}.button .circle-arrows{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background-color:var(--color1);margin-left:10px;transition:all .5s ease;position:relative;overflow:hidden}.button .circle-arrows .arrow{width:7px;height:7px;border-top:2px solid var(--white);border-right:2px solid var(--white);transform:rotate(45deg) translate(-1px,1px)}@media (min-width:1200px){.btns{align-items:flex-start}}@media (min-width:1600px){.btns{gap:10px 30px}.button{min-width:210px}.button .label{font-size:17px;letter-spacing:2.5px}}@media (min-width:1920px){.button{padding:4px 10px 3px 15px}.button .label{font-size:19px;letter-spacing:4px}}