.ham-button{color:var(--color-primary);justify-content:flex-end;padding:2rem;transition:background .3s;transition:opacity .3s ease}.ham-button .ham-icon span{background:var(--color-primary)}.ham-button svg path{fill:var(--color-primary)}.ham-button.active{opacity:0;transition:opacity .3s ease}.ham-icon{display:inline-block;height:14px;margin-left:8px;position:relative;width:16px}.ham-icon span{background:#000;height:2px;left:0;position:absolute;width:100%}.ham-icon span:first-child{top:0}.ham-icon span:nth-child(2){top:6px;width:50%}.ham-icon span:nth-child(3){bottom:0}