.read-more
{
    display: none;
}

.read-more-button
{
    visibility: hidden;
    width: 0;
}

.read-more-button-text
{
    text-decoration: underline;
}

.read-more-trigger
{
    display:block;
    text-align: inherit;
    user-select: none;
    cursor: pointer;
}

.read-more-trigger::before
{
    content: '↓';
}

.read-more-trigger:has(.read-more-button:checked)::before
{
    content: '↑';
}

.read-more-trigger:has(.read-more-button:checked)>.read-more
{
    display: block;
}