.hamburger {width: 40px;height: 40px;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: 4px;background-color: var( --e-global-color-primary );transition: all 0.3s ease;transform-origin: center;position: relative;}

.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);}