.hamburger {width: 50px;height: 20px;display: flex;flex-direction: column;justify-content: center;transition: transform 0.3s ease;align-items: center;gap: 6px;cursor: pointer;position: relative;}
.hamburger span {display: block;width: 100%;height: 2px;background-color: var(--e-global-color-91f78ec);transition: all 0.3s ease;transform-origin: center;position: relative;}
.hamburger span:nth-child(2) {width:120%;margin-left:-20%;}

.hamburger.open:hover span:nth-child(2){width:100%;margin-left:0;}

.hamburger.close span:nth-child(1) {transform: rotate(45deg);position: absolute;top: 50%;left: 0;transform-origin: center;}
.hamburger.close span:nth-child(2) {opacity: 0;}
.hamburger.close span:nth-child(3) {transform: rotate(-45deg);position: absolute;top: 50%;left: 0;transform-origin: center;}
.hamburger.close{height:40px;}
.hamburger.close:hover{ transform: scale(1.1);}