// this is the least janky way to do image spoilers without JS :skull:
.spoiler {
    input {
        display: none;
    }
    input:not(:checked) ~ .spoiler-content {
        display: none;
    }
    input:checked,
    input:checked ~ label {
        display: none;
    }
    label {
        color: #47ff58;
        background-color: #252529;
        padding: 0.25em 0.5em 0.25em 0.5em;
        border-radius: 5px;

        &:hover {
            background-color: #2b2b2f;
        }

        &:active {
            background-color: #404047;
        }
    }
}