@import './variables';

.lsb-remove-button {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 8px 0 7px;
    opacity: 0;
    transition: opacity 100ms ease-in-out;

    .lsb-remove-button-icon {
        transform: scale(.5, .5);
        transition: transform 50ms ease-in-out;
    }

    &:active,
    &:hover,
    &:focus {
        padding: 0 8px 0 7px;
        opacity: 1;

        .lsb-remove-button-icon {
            transform: scale(1, 1);
        }
    }

    .fill-color {
        fill: $light-charcoal;
    }
}