//
// Close
//

.close {
    @if $enable-transitions {
        transition: $transition-base;
    }

    &>span:not(.sr-only) {
        background-color: $close-bg;
        color: $close-color;
        line-height: 17px;
        height: 1.25rem;
        width: 1.25rem;
        border-radius: 50%;
        font-size: 1.25rem;
        display: block;
        @if $enable-transitions {
            transition: $transition-base;
        }
    }

    &:hover,
    &:focus {
        background-color: $close-hover-bg;
        color: $close-hover-color;
        outline: none;

        span:not(.sr-only) {
            background-color: $close-hover-bg;
        }
    }
}

.close-dark {
    &>span:not(.sr-only) {
        color: rgba(255, 255, 255, .8);
    }

    &:hover,
    &:focus {
        &>span:not(.sr-only) {
            color: rgba(255, 255, 255, 1);
        }
    }
}