@media all {

    .btn {
        display: inline-flex;
        align-items: center;
        text-align: start;
        line-height: 1.25;
        font-weight: 600;
    }

    .btn:active:focus ,
    .btn:active ,
    .btn:focus  {
        background-color: transparent;
        color: var(--color-primary);
        box-shadow: none;
        /*! box-shadow: 0 0 0 calc(var(--base-size) / 16) rgba(var(--color-accent-rgb-hover),.25) inset; */
    }
    
    .btn-toggler {
        padding: .625rem;
        font-size: 1.25rem;
        line-height: 1;
        border-radius: var(--border-radius-btn-controller);
    }

    .btn-toggler .btn-inner {
        aspect-ratio: 1 / 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .btn-toggler .fa-bars {
        font-size: 1.25em
    }

    .btn-toggler[aria-expanded=false] .btn-toggler-collapsed {
        display: initial
    }

    .btn-toggler[aria-expanded=false] .btn-toggler-expanded {
        display: none
    }

    .btn-toggler[aria-expanded=true] .btn-toggler-collapsed {
        display: none
    }

    .btn-toggler[aria-expanded=true] .btn-toggler-expanded {
        display: initial
    }

    .navbar-toggler[aria-expanded=false] .nav-toggler-collapsed {
        display: initial
    }

    .navbar-toggler[aria-expanded=false] .nav-toggler-expanded {
        display: none
    }

    .navbar-toggler[aria-expanded=true] .nav-toggler-collapsed {
        display: none
    }

    .navbar-toggler[aria-expanded=true] .nav-toggler-expanded {
        display: initial
    }    
}