body {
    background: linear-gradient(135deg, #0f172a, #111827, #1e293b);
}
.glass-btn {

    padding: 14px 34px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    color: white;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    cursor: pointer;
    position: relative;
    overflow: hidden;

    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.35),
        inset 0 0 0.5px rgba(255,255,255,0.6);

    transition: all 0.35s ease;
}

/* shiny reflection */
.glass-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.35),
        transparent
    );
    transform: skewX(-25deg);
    transition: 0.7s;
}

.glass-btn:hover::before {
    left: 130%;
}

.glass-btn:hover {
    transform: translateY(-4px) scale(1.03);
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255,255,255,0.4);

    box-shadow: 
        0 12px 40px rgba(0, 0, 0, 0.45),
        0 0 20px rgba(255,255,255,0.15);
}

.glass-btn:active {
    transform: scale(0.98);
}