.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:var(--color3);color:#fff;font-weight:600;transition:all .5s;border:1px solid transparent;flex-direction:row-reverse}.button:hover{border-color:#fff}.button:hover .icon{background:transparent;transition:inherit}.button:hover .icon>*{transition:inherit;transform:rotate(-1turn)}.button:hover .btn-name{padding-right:5px}.button .btn-name{padding:10px 15px;font-size:12px;text-transform:uppercase;align-self:center;transition:inherit}.button .icon{background:#fff;padding:7px 10px;transition:all .5s}.button .icon>*{width:100%;height:100%;object-fit:contain;max-width:25px;max-height:25px;transition:all .5s}@media screen and (min-width:1280px){.button .btn-name{font-size:15px;letter-spacing:2px;font-weight:400;padding:10px 15px 8px}}.photo{overflow:hidden;position:relative}.photo img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}