.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{display:flex;flex-wrap:wrap;background:linear-gradient(to right,var(--color1),var(--color2));color:#fff;transition:all .5s;border:1px solid transparent;padding:10px 25px;text-transform:uppercase;font-weight:500;letter-spacing:1px;font-size:12px;align-items:center;gap:10px;flex-direction:row-reverse;position:relative;overflow:hidden}.button .icon svg path{fill:currentColor;transition:fill .5s}.button .icon:not(.icon--bg){width:20px;position:relative;z-index:1}.button .icon:not(.icon--bg) svg{width:100%;height:auto}.button .icon--bg{position:absolute;right:-3%;top:50%;transform:translateY(-50%);width:30%;max-width:35px;opacity:0;pointer-events:none;z-index:0;transition:opacity .5s}.button .icon--bg svg{width:100%;height:auto;display:block}.button .btn-name{position:relative;z-index:1}.button:has(.icon:not(.icon--bg)){padding:10px 15px 10px 20px}.button:hover{background:linear-gradient(20deg,var(--color1),var(--color2));border-color:#fff}.button:hover .icon--bg{opacity:.5}.button+.button{background:transparent;color:#000}.button+.button:hover{border-color:var(--color1);color:var(--color1)}@media screen and (min-width:1280px){.button{padding:15px 35px}.button:has(.icon:not(.icon--bg)){padding:15px 20px 15px 35px}}.photo{overflow:hidden;position:relative}.photo img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}