button {
    padding: 0.5rem 1rem;
    border: none;
    outline: 1px solid rgb(255 255 255 / 0.2);
    outline-offset: 0;
    border-radius: 9999px;
    background:  linear-gradient(
            135deg,
            rgb(236 255 182 / 0.4) 0%,
            rgb(236 255 182 / 0.00) 100%
    ), rgba(var(--accentBg), 0.8);
    color: var(--fg);
    font-weight: 500;
    font-size: 1.2rem;
    cursor: pointer;
    transition: background 0.2s ease;
}

button:hover {
    background: linear-gradient(
            135deg,
            rgb(236 255 182 / 0.12) 0%,
            rgb(236 255 182 / 0.08) 30%,
            rgb(236 255 182 / 0.04) 60%,
            rgb(236 255 182 / 0.00) 100%
    ), #0196a7;
}

[onclick] {
    cursor: pointer;
}

[onclick]:hover, a > .layout-card:hover {
    box-shadow: inset 0 0 0 9999px rgba(255,255,255,.08);
    transition: box-shadow .15s;
}