/* *****************************************************************************
*
*  Row Button
*
* ***************************************************************************** */

.bf-row-button {
    color: inherit;
    text-align: left;
    background-color: transparent;
    border: none;
    appearance: none;
    cursor: pointer;
    transition: background-color .25s;

    &:hover {
        text-decoration: none;
        @extend .bf-color-bg-action-no-bg-hover;
    }
    
    &--small .bf-row-button__visual img {
        width: 1.5rem;
        height: 1.5rem;
    }

    &--medium .bf-row-button__visual img {
        width: 3rem;
        height: 3rem;
    }

    &--large .bf-row-button__visual {
        .bf-icon,
        img {
            width: 4.5rem;
            min-width: 4.5rem;
            height: 4.5rem;

            @include media-breakpoint-down(sm) {
                width: 3rem;
                min-width: 3rem;
                height: 3rem;
            }
        }
    }
}