:root {
    /* Base Hex Colors */
    --delete-button-original-red-icon: #D22B2B;
    --reuse-button-original-blue-icon: #0096FF;
    --download-button-orginal-green-icon: #28C864;
    /* Backgrounds */
    --delete-button-bg-red: #D22B2B50;
    --reuse-button-bg-blue: #0096FF50;
    --download-button-bg-green: #28C86450;
    /* Hover States */
    --delete-button-hover-red: #D22B2B70;
    --reuse-button-hover-blue: #0096FF70;
    --download-button-hover-green: #28C86470;
}

.glass-btn {
    pointer-events: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    border-radius: 25px;
    gap: 8px;
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: none !important;
    transition: all 0.2s ease;
    padding: 10px 16px !important;
}

    .glass-btn:hover {
        transform: translateY(2px);
    }

/* Specific Button Logic */
.delete-btn {
    background: var(--delete-button-bg-red) !important;
}

    .delete-btn:hover {
        background: var(--delete-button-hover-red) !important;
    }

.reuse-btn {
    background: var(--reuse-button-bg-blue) !important;
}

    .reuse-btn:hover {
        background: var(--reuse-button-hover-blue) !important;
    }

.download-btn {
    background: var(--download-button-bg-green) !important;
}

    .download-btn:hover {
        background: var(--download-button-hover-green) !important;
    }