article:has(input:checked) label[expand] {
    opacity: 0;
    transition: color var(--time-active-transition), 
        opacity var(--time-active-transition);
}

article label[expand] {
    align-items: center;
    bottom: 0;
    display: flex;
    height: var(--size-article-collapse-width);
    justify-content: center;
    position: absolute;
    right: 0;
    transition: color var(--time-active-transition), 
        opacity var(--time-active-transition) var(--time-article-transition);
    width: var(--size-article-collapse-width);
}

label[expand] input {
    opacity: 0;
    position: absolute;
    bottom: 100%;
    left: 0;
    pointer-events: none;
    transition: color var(--time-active-transition)
}

label[expand]:hover {
    color: var(--color-active);
}