
.tb-brochure-shopping-cart-button__action {
    position: relative;
    cursor: pointer;
    color: config('colors.secondary');
    background-color: config('colors.white');

    .tb-brochure-shopping-cart-button__checkmark-icon {
        display: none;
    }

    &::before {
        content: '';
        position: absolute;
        /*
        * Use magic numbers to match size of parent
        * circle to overlay grey borders in active state.
        */
        top: -2px;
        left: -2px;
        width: calc(100% + 4px);
        height: calc(100% + 4px);
        border-radius: 50%;
        transform: scale(0);
        transform-origin: center center;
        @apply transition-transform transition-duration-sm transition-timing-ease-in-out;
        background-color: config('colors.secondary');
    }
}

.tb-brochure-shopping-cart-button__checkbox:checked + .tb-brochure-shopping-cart-button__action {
    color: config('colors.white');

    .tb-brochure-shopping-cart-button__action-icon {
        display: none;
    }

    .tb-brochure-shopping-cart-button__checkmark-icon {
        display: block;
    }

    &::before {
        transform: scale(1);
    }
}
