.hamburger {width: 65px;height: 60px;display: flex;flex-direction: column;justify-content: center;transition: transform 0.3s ease;align-items: center;gap: 5px;cursor: pointer;position: relative;background:var(--e-global-color-primary);border-radius:15px;}
.hamburger span {display: block;width: 100%;height: 3px;max-width:30px;background-color: var( --e-global-color-d32f28d );border-radius:999rem;transition: all 0.3s ease;transform-origin: center;position: relative;}

.hamburger:hover{ background-color:var(--e-global-color-77f3417);}

.hamburger.close span{background-color:var( --e-global-color-d32f28d );height:3px;}
.hamburger.close span:nth-child(1) {transform: rotate(45deg);position: absolute;top: 50%;left: 25%;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: 25%;transform-origin: center;}
.hamburger.close{height:60px;}