@layer template {
    .button-group-image {
        display: flex;
        flex-direction: column;
        padding-top: 4.6875vw;
        padding-bottom: 4.6875vw;
        background: var(--background)
    }

    @media (min-width: 1024px) {
        .button-group-image {
            padding-top:40px;
            padding-bottom: 40px
        }
    }

    .button-group-image .button-group-image__text+.button-group-image__options {
        margin-top: 3.75vw
    }

    @media (min-width: 1024px) {
        .button-group-image .button-group-image__text+.button-group-image__options {
            margin-top:20px
        }
    }

    .button-group-image .button-group-image__options {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between
    }

    @media (min-width: 1024px) {
        .button-group-image .button-group-image__options {
            flex-wrap:nowrap
        }

        .button-group-image .button-group-image__options[data-row-count] {
            flex-wrap: wrap;
            justify-content: flex-start
        }

        .button-group-image .button-group-image__options[data-row-count="1"] .button-group-image__option {
            width: calc(100% + -0px);
            margin-right: 20px;
            margin-bottom: 20px
        }

        .button-group-image .button-group-image__options[data-row-count="1"] .button-group-image__option:nth-last-child(-n+1) {
            align-self: flex-start;
            margin-bottom: 0
        }

        .button-group-image .button-group-image__options[data-row-count="1"] .button-group-image__option:nth-child(n) {
            margin-right: 0
        }

        .button-group-image .button-group-image__options[data-row-count="2"] .button-group-image__option {
            width: calc(50% - 10px);
            margin-right: 20px;
            margin-bottom: 20px
        }

        .button-group-image .button-group-image__options[data-row-count="2"] .button-group-image__option:nth-last-child(-n+2) {
            align-self: flex-start;
            margin-bottom: 0
        }

        .button-group-image .button-group-image__options[data-row-count="2"] .button-group-image__option:nth-child(2n) {
            margin-right: 0
        }

        .button-group-image .button-group-image__options[data-row-count="3"] .button-group-image__option {
            width: calc(100% / 3 - 13.3333333333px);
            margin-right: 20px;
            margin-bottom: 20px
        }

        .button-group-image .button-group-image__options[data-row-count="3"] .button-group-image__option:nth-last-child(-n+3) {
            align-self: flex-start;
            margin-bottom: 0
        }

        .button-group-image .button-group-image__options[data-row-count="3"] .button-group-image__option:nth-child(3n) {
            margin-right: 0
        }

        .button-group-image .button-group-image__options[data-row-count="4"] .button-group-image__option {
            width: calc(25% - 15px);
            margin-right: 20px;
            margin-bottom: 20px
        }

        .button-group-image .button-group-image__options[data-row-count="4"] .button-group-image__option:nth-last-child(-n+4) {
            align-self: flex-start;
            margin-bottom: 0
        }

        .button-group-image .button-group-image__options[data-row-count="4"] .button-group-image__option:nth-child(4n) {
            margin-right: 0
        }

        .button-group-image .button-group-image__options[data-row-count="5"] .button-group-image__option {
            width: calc(20% - 16px);
            margin-right: 20px;
            margin-bottom: 20px
        }

        .button-group-image .button-group-image__options[data-row-count="5"] .button-group-image__option:nth-last-child(-n+5) {
            align-self: flex-start;
            margin-bottom: 0
        }

        .button-group-image .button-group-image__options[data-row-count="5"] .button-group-image__option:nth-child(5n) {
            margin-right: 0
        }

        .button-group-image .button-group-image__options[data-row-count="6"] .button-group-image__option {
            width: calc(100% / 6 - 16.6666666667px);
            margin-right: 20px;
            margin-bottom: 20px
        }

        .button-group-image .button-group-image__options[data-row-count="6"] .button-group-image__option:nth-last-child(-n+6) {
            align-self: flex-start;
            margin-bottom: 0
        }

        .button-group-image .button-group-image__options[data-row-count="6"] .button-group-image__option:nth-child(6n) {
            margin-right: 0
        }

        .button-group-image .button-group-image__options[data-row-count="7"] .button-group-image__option {
            width: calc(100% / 7 - 17.1428571429px);
            margin-right: 20px;
            margin-bottom: 20px
        }

        .button-group-image .button-group-image__options[data-row-count="7"] .button-group-image__option:nth-last-child(-n+7) {
            align-self: flex-start;
            margin-bottom: 0
        }

        .button-group-image .button-group-image__options[data-row-count="7"] .button-group-image__option:nth-child(7n) {
            margin-right: 0
        }

        .button-group-image .button-group-image__options[data-row-count="8"] .button-group-image__option {
            width: calc(12.5% - 17.5px);
            margin-right: 20px;
            margin-bottom: 20px
        }

        .button-group-image .button-group-image__options[data-row-count="8"] .button-group-image__option:nth-last-child(-n+8) {
            align-self: flex-start;
            margin-bottom: 0
        }

        .button-group-image .button-group-image__options[data-row-count="8"] .button-group-image__option:nth-child(8n) {
            margin-right: 0
        }
    }

    .button-group-image .button-group-image__options .button-group-image__option {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: calc(50% - 2.34375vw);
        margin-top: 4.6875vw;
        padding: 3.125vw 1.5625vw;
        border-radius: 3.125vw;
        background: var(--option-background);
        cursor: pointer;
        transition: all .3s linear
    }

    @media (min-width: 1024px) {
        .button-group-image .button-group-image__options .button-group-image__option {
            justify-content:flex-start;
            width: calc(50% - 20px);
            margin: 0 40px 0 0;
            padding: 10px;
            border-radius: 20px
        }
    }

    .button-group-image .button-group-image__options .button-group-image__option:nth-child(-n+2) {
        margin-top: 0
    }

    @media (min-width: 1024px) {
        .button-group-image .button-group-image__options .button-group-image__option:last-of-type {
            margin-right:0
        }
    }

    .button-group-image .button-group-image__options .button-group-image__option:hover {
        box-shadow: 0 .46875vw 1.09375vw #00000014
    }

    @media (min-width: 1024px) {
        .button-group-image .button-group-image__options .button-group-image__option:hover {
            transform:scale(1.1);
            box-shadow: 0 3px 7px #00000014
        }
    }

    .button-group-image .button-group-image__options .button-group-image__option .button-group-image__image {
        max-width: 30.46875vw;
        max-height: 26.5625vw;
        pointer-events: none
    }

    @media (min-width: 1024px) {
        .button-group-image .button-group-image__options .button-group-image__option .button-group-image__image {
            max-width:110px;
            max-height: 85px
        }
    }

    .button-group-image .button-group-image__options .button-group-image__option .button-group-image__label {
        flex: none;
        margin-top: 1.5625vw;
        font-weight: 700;
        color: #333;
        text-align: center;
        overflow-wrap: anywhere;
        pointer-events: none
    }

    @media (min-width: 1024px) {
        .button-group-image .button-group-image__options .button-group-image__option .button-group-image__label {
            margin-top:10px
        }

        .button-group-image.horizontal {
            flex-direction: row
        }

        .button-group-image.horizontal .button-group-image__text {
            justify-content: center;
            width: 36%
        }

        .button-group-image.horizontal .button-group-image__options {
            width: 64%;
            margin-top: 0
        }

        .button-group-image.horizontal .button-group-image__options .button-group-image__image {
            max-width: 210px
        }
    }
}

.button-group-image[data-v-3db09460] {
    --background: var(--1965c972);
    --option-background: var(--296568ee)
}