.sxs-ltg {
    display: flex;
    align-items: center;
    --_i-size: calc(.8em * 2.25);

    &__ico {
        z-index: 1;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.25em;
        height: 2.25em;
        padding: .1em;
        font-size: .8em;
        outline: 1px solid;
        outline-offset: -.4em;
        border-radius: 50%;
        background-color: $primaryClear;
        color: $duller;
    }

    &__text {
        margin-left: calc(0px - var(--_i-size) * .5);
        padding: .25em 1.5em;
        padding-left: calc(var(--_i-size) * .5 + .5em);
        border: 1px solid $primaryClear;
        border-radius: 9999px;
        background-color: transparent;
        transition: background-color $transitionDuration, border-color $transitionDuration;
    }

    &:hover {
        .sxs-ltg__text {
            border-color: rgba($primaryClear, .5);
            background-color: rgba($primaryClear, .5);
        }
    }
}