.hamburger__button{background:transparent;border:0}.hamburger__button .hamburger__text{color:var(--shade-medium);font-size:var(--text-xs);font-family:var(--font-functional)}@media (max-width:480px){.hamburger__button .hamburger__text{display:none}}.hamburger__button .hamburger__icon{position:relative;width:70px;height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;overflow:hidden;z-index:100}.hamburger__button .hamburger__icon span{position:absolute;width:40px;height:4px;background:var(--primary);border-radius:4px;transition:0.5s}.hamburger__button .hamburger__icon span:nth-child(1){transform:translateY(-15px);width:25px;left:15px}.hamburger__button .hamburger__icon span:nth-child(2){transform:translateY(15px);width:15px;left:15px}.hamburger__button:hover span{background:var(--accent)}.hamburger__button.active .hamburger__icon span{background:var(--primary)}.hamburger__button.active .hamburger__icon span:nth-child(1){width:40px;transform:translateY(0) rotate(45deg);transition-delay:0.125s}.hamburger__button.active .hamburger__icon span:nth-child(2){width:40px;transform:translateY(0) rotate(315deg);transition-delay:0.25s}.hamburger__button.active .hamburger__icon span:nth-child(3){transform:translatex(60px)}.hamburger__button.active .hamburger__text{color:var(--base-light-trans-60)}