.nav-btn {
    background: transparent;
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 10px 20px;
    border-radius: 25px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
}

.nav-btn:hover,
.nav-btn.active {
    background: var(--gradient-primary);
    color: black;
    border-color: transparent;
    transform: translateY(-2px);
}

.nav-icon {
    width: 30px;
    height: 30px;
    transition: all 0.3s ease;
    filter: brightness(0) invert(1);
}

.nav-btn:hover .nav-icon,
.nav-btn.active .nav-icon {
    filter: brightness(0);
}