/* Path: src/components/Post/Spoiler.module.scss */

.spoiler {
    border-left: 4px solid color-adjust(secondary, 0, 0);
    padding: 1rem;
    background: rgba(128, 128, 128, 0.1);

    button {
        background: none;
        border: none;
        color: color-adjust(primary, 0, 0);
        cursor: pointer;
        font-weight: bold;
        padding: 0;
        text-decoration: underline;

        &:hover {
            opacity: 0.8;
        }
    }
}

.spoilerContent {
    margin-top: 1rem;
    position: relative;
    width: 100%;
    min-width: 0;
}