.side-menu ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .side-menu ul li {
     border-bottom: 1px solid #e0e0e0;
 }

 .side-menu ul li a {
     display: block;
     padding: 18px 25px;
     text-decoration: none;
     color: #000;
     font-family: 'Montserrat', sans-serif;
     font-weight: 400;
     letter-spacing: 0.3px;
     text-transform: uppercase;
     transition: color 0.3s ease;
 }

    .menu-button {
    padding: 6px 12px;
    font-size: 16px;
    font-weight: 500;
    border: none;
    border-radius: 8px;
    color: white;
     text-shadow: 1px 1px 2px rgba(120, 120, 120, 0.8); /* black shadow */

    /* Semi-transparent gray background */
    background: rgba(200, 200, 200, 0.25);

    /* Frosted glass effect */
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);

    /* border: 1px solid rgba(255, 255, 255, 0.3); */
    cursor: pointer;

    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.3s ease;
}

.menu-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
    background: rgba(200, 200, 200, 0.35);
}