.unline:hover{text-decoration:underline;}
.activable:active {transform: scale(.96); opacity: .85; }
.hoverable.hoverableselect:hover::after { background: var(--media-hover); }
.hoverable.hoverableselect::after { transition: all 0ms ease 0s; }

.hoverable {
    position: relative;
}

.hoverable::after {
    position: absolute;
    border-radius: inherit;
    background: currentcolor;
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    transition: 250ms all ease;
}

.hoverable:hover::after {
    opacity: .04;
    transition: 50ms all ease;
}


.activable {user-select: none; cursor: pointer; }
.disabled {cursor: not-allowed; user-select: none; }
.activableopac:active {opacity: .7; }