@mixin base() {
    @include setLeading(8);

    color: $component-content-inverse-text;
    display: block;
    padding-left: 2rem;
    padding-right: 2rem;
    text-decoration: none;

    &:hover {
        background-color: rgba(255, 255, 255, 0.1);
        opacity: 0.6;
    }

    &:focus {
        background-color: rgba(0, 0, 0, 0.2);
    }

    &:active {
        background-color: rgba(0, 0, 0, 0.3);
    }
}
&__link {
    @include base;
}