.buttonXS, .buttonS, .buttonM, .buttonL, .buttonXL {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: border-color var(--durationS) var(--course), background-color var(--durationS) var(--course), color var(--durationS) var(--course);
}

.buttonXS:hover, .buttonS:hover, .buttonM:hover, .buttonL:hover, .buttonXL:hover {
    transition: border-color var(--durationS) var(--course), background-color var(--durationS) var(--course), color var(--durationS) var(--course);
}

.buttonXS > svg, .buttonS > svg, .buttonM > svg, .buttonL > svg, .buttonXL > svg, .buttonConstantBackground > svg {
    transition: color var(--durationS) var(--course);
}

.buttonXS:hover > svg, .buttonS:hover > svg, .buttonM:hover > svg, .buttonL:hover > svg, .buttonXL:hover > svg, .buttonConstantBackground:hover > svg {
    transition: color var(--durationS) var(--course);
}

.buttonXS {
    font-family: var(--buttonXS_font), sans-serif;
    gap: var(--marginXS);
    border: var(--buttonXS_borderWidth) var(--buttonXS_borderStyle) var(--buttonXS_borderColor);
    border-radius: var(--buttonXS_borderRadius);
    background-color: var(--buttonXS_backgroundColor);
    color: var(--buttonXS_textColor);
}

.buttonXS:hover, .buttonXS.buttonActive {
    border-color: var(--buttonXS_borderColorHover);
    background-color: var(--buttonXS_backgroundColorHover);
    color: var(--buttonXS_textColorHover);
}

.buttonXS > svg {
    color: var(--buttonXS_textColor);
}

.buttonXS:hover > svg, .buttonXS.buttonActive > svg {
    color: var(--buttonXS_textColorHover);
}

.buttonS {
    font-family: var(--buttonS_font), sans-serif;
    gap: var(--marginS);
    border: var(--buttonS_borderWidth) var(--buttonS_borderStyle) var(--buttonS_borderColor);
    border-radius: var(--buttonS_borderRadius);
    background-color: var(--buttonS_backgroundColor);
    color: var(--buttonS_textColor);
}

.buttonS:hover, .buttonS.buttonActive {
    border-color: var(--buttonS_borderColorHover);
    background-color: var(--buttonS_backgroundColorHover);
    color: var(--buttonS_textColorHover);
}

.buttonS > svg {
    color: var(--buttonS_textColor);
}

.buttonS:hover > svg, .buttonS.buttonActive > svg {
    color: var(--buttonS_textColorHover);
}

.buttonM {
    font-family: var(--buttonM_font), sans-serif;
    gap: var(--marginM);
    border: var(--buttonM_borderWidth) var(--buttonM_borderStyle) var(--buttonM_borderColor);
    border-radius: var(--buttonM_borderRadius);
    background-color: var(--buttonM_backgroundColor);
    color: var(--buttonM_textColor);
}

.buttonM:hover, .buttonM.buttonActive {
    border-color: var(--buttonM_borderColorHover);
    background-color: var(--buttonM_backgroundColorHover);
    color: var(--buttonM_textColorHover);
}

.buttonM > svg {
    color: var(--buttonM_textColor);
}

.buttonM:hover > svg, .buttonM.buttonActive > svg {
    color: var(--buttonM_textColorHover);
}

.buttonL {
    font-family: var(--buttonL_font), sans-serif;
    gap: var(--marginL);
    border: var(--buttonL_borderWidth) var(--buttonL_borderStyle) var(--buttonL_borderColor);
    border-radius: var(--buttonL_borderRadius);
    background-color: var(--buttonL_backgroundColor);
    color: var(--buttonL_textColor);
}

.buttonL:hover, .buttonL.buttonActive {
    border-color: var(--buttonL_borderColorHover);
    background-color: var(--buttonL_backgroundColorHover);
    color: var(--buttonL_textColorHover);
}

.buttonL > svg {
    color: var(--buttonL_textColor);
}

.buttonL:hover > svg, .buttonL.buttonActive > svg {
    color: var(--buttonL_textColorHover);
}

.buttonXL {
    font-family: var(--buttonXL_font), sans-serif;
    gap: var(--marginXL);
    border: var(--buttonXL_borderWidth) var(--buttonXL_borderStyle) var(--buttonXL_borderColor);
    border-radius: var(--buttonXL_borderRadius);
    background-color: var(--buttonXL_backgroundColor);
    color: var(--buttonXL_textColor);
}

.buttonXL:hover, .buttonXL.buttonActive {
    border-color: var(--buttonXL_borderColorHover);
    background-color: var(--buttonXL_backgroundColorHover);
    color: var(--buttonXL_textColorHover);
}

.buttonXL > svg {
    color: var(--buttonXL_textColor);
}

.buttonXL:hover > svg, .buttonXL.buttonActive > svg {
    color: var(--buttonXL_textColorHover);
}

.buttonConstantBackground {
    position: fixed;
    width: 40px;
    height: 40px;
    z-index: 96;
    box-shadow: var(--shadowBlock) var(--colorBlackL);
    transition: background-color var(--durationS) var(--course);
}

.buttonConstantBackground:hover {
    transition: background-color var(--durationS) var(--course);
}

.buttonConstantBackground > .icon {
    width: 30px;
    height: 30px;
}

.buttonConstantLeft1 {
    left: 10px;
    bottom: 210px;
}

.buttonConstantBackground.buttonConstantLeft1 {
    border-radius: var(--buttonConstantLeft1_borderRadius);
    background-color: var(--buttonConstantLeft1_backgroundColor);
}

.buttonConstantBackground.buttonConstantLeft1 > .icon {
    mask: var(--buttonConstantLeft1_icon);
    background-color: var(--buttonConstantLeft1_iconColor);
}

.buttonConstantBackground:hover.buttonConstantLeft1 {
    background-color: var(--buttonConstantLeft1_backgroundColorHover);
}

.buttonConstantBackground:hover.buttonConstantLeft1 > .icon {
    background-color: var(--buttonConstantLeft1_iconColorHover);
}

.buttonConstantLeft2 {
    left: 10px;
    bottom: 160px;
}

.buttonConstantBackground.buttonConstantLeft2 {
    border-radius: var(--buttonConstantLeft2_borderRadius);
    background-color: var(--buttonConstantLeft2_backgroundColor);
}

.buttonConstantBackground.buttonConstantLeft2 > .icon {
    mask: var(--buttonConstantLeft2_icon);
    background-color: var(--buttonConstantLeft2_iconColor);
}

.buttonConstantBackground:hover.buttonConstantLeft2 {
    background-color: var(--buttonConstantLeft2_backgroundColorHover);
}

.buttonConstantBackground:hover.buttonConstantLeft2 > .icon {
    background-color: var(--buttonConstantLeft2_iconColorHover);
}

.buttonConstantLeft3 {
    left: 10px;
    bottom: 110px;
}

.buttonConstantBackground.buttonConstantLeft3 {
    border-radius: var(--buttonConstantLeft3_borderRadius);
    background-color: var(--buttonConstantLeft3_backgroundColor);
}

.buttonConstantBackground.buttonConstantLeft3 > .icon {
    mask: var(--buttonConstantLeft3_icon);
    background-color: var(--buttonConstantLeft3_iconColor);
}

.buttonConstantBackground:hover.buttonConstantLeft3 {
    background-color: var(--buttonConstantLeft3_backgroundColorHover);
}

.buttonConstantBackground:hover.buttonConstantLeft3 > .icon {
    background-color: var(--buttonConstantLeft3_iconColorHover);
}

.buttonConstantLeft4 {
    left: 10px;
    bottom: 60px;
}

.buttonConstantBackground.buttonConstantLeft4 {
    border-radius: var(--buttonConstantLeft4_borderRadius);
    background-color: var(--buttonConstantLeft4_backgroundColor);
}

.buttonConstantBackground.buttonConstantLeft4 > .icon {
    mask: var(--buttonConstantLeft4_icon);
    background-color: var(--buttonConstantLeft4_iconColor);
}

.buttonConstantBackground:hover.buttonConstantLeft4 {
    background-color: var(--buttonConstantLeft4_backgroundColorHover);
}

.buttonConstantBackground:hover.buttonConstantLeft4 > .icon {
    background-color: var(--buttonConstantLeft4_iconColorHover);
}

.buttonConstantLeft5 {
    left: 10px;
    bottom: 10px;
}

.buttonConstantBackground.buttonConstantLeft5 {
    border-radius: var(--buttonConstantLeft5_borderRadius);
    background-color: var(--buttonConstantLeft5_backgroundColor);
}

.buttonConstantBackground.buttonConstantLeft5 > .icon {
    mask: var(--buttonConstantLeft5_icon);
    background-color: var(--buttonConstantLeft5_iconColor);
}

.buttonConstantBackground:hover.buttonConstantLeft5 {
    background-color: var(--buttonConstantLeft5_backgroundColorHover);
}

.buttonConstantBackground:hover.buttonConstantLeft5 > .icon {
    background-color: var(--buttonConstantLeft5_iconColorHover);
}

.buttonConstantRight1 {
    right: 10px;
    bottom: 210px;
}

.buttonConstantBackground.buttonConstantRight1 {
    border-radius: var(--buttonConstantRight1_borderRadius);
    background-color: var(--buttonConstantRight1_backgroundColor);
}

.buttonConstantBackground.buttonConstantRight1 > .icon {
    mask: var(--buttonConstantRight1_icon);
    background-color: var(--buttonConstantRight1_iconColor);
}

.buttonConstantBackground:hover.buttonConstantRight1 {
    background-color: var(--buttonConstantRight1_backgroundColorHover);
}

.buttonConstantBackground:hover.buttonConstantRight1 > .icon {
    background-color: var(--buttonConstantRight1_iconColorHover);
}

.buttonConstantRight2 {
    right: 10px;
    bottom: 160px;
}

.buttonConstantBackground.buttonConstantRight2 {
    border-radius: var(--buttonConstantRight2_borderRadius);
    background-color: var(--buttonConstantRight2_backgroundColor);
}

.buttonConstantBackground.buttonConstantRight2 > .icon {
    mask: var(--buttonConstantRight2_icon);
    background-color: var(--buttonConstantRight2_iconColor);
}

.buttonConstantBackground:hover.buttonConstantRight2 {
    background-color: var(--buttonConstantRight2_backgroundColorHover);
}

.buttonConstantBackground:hover.buttonConstantRight2 > .icon {
    background-color: var(--buttonConstantRight2_iconColorHover);
}

.buttonConstantRight3 {
    right: 10px;
    bottom: 110px;
}

.buttonConstantBackground.buttonConstantRight3 {
    border-radius: var(--buttonConstantRight3_borderRadius);
    background-color: var(--buttonConstantRight3_backgroundColor);
}

.buttonConstantBackground.buttonConstantRight3 > .icon {
    mask: var(--buttonConstantRight3_icon);
    background-color: var(--buttonConstantRight3_iconColor);
}

.buttonConstantBackground:hover.buttonConstantRight3 {
    background-color: var(--buttonConstantRight3_backgroundColorHover);
}

.buttonConstantBackground:hover.buttonConstantRight3 > .icon {
    background-color: var(--buttonConstantRight3_iconColorHover);
}

.buttonConstantRight4 {
    right: 10px;
    bottom: 60px;
}

.buttonConstantBackground.buttonConstantRight4 {
    border-radius: var(--buttonConstantRight4_borderRadius);
    background-color: var(--buttonConstantRight4_backgroundColor);
}

.buttonConstantBackground.buttonConstantRight4 > .icon {
    mask: var(--buttonConstantRight4_icon);
    background-color: var(--buttonConstantRight4_iconColor);
}

.buttonConstantBackground:hover.buttonConstantRight4 {
    background-color: var(--buttonConstantRight4_backgroundColorHover);
}

.buttonConstantBackground:hover.buttonConstantRight4 > .icon {
    background-color: var(--buttonConstantRight4_iconColorHover);
}

.buttonConstantRight5 {
    right: 10px;
    bottom: 10px;
}

.buttonConstantBackground.buttonConstantRight5 {
    border-radius: var(--buttonConstantRight5_borderRadius);
    background-color: var(--buttonConstantRight5_backgroundColor);
}

.buttonConstantBackground.buttonConstantRight5 > .icon {
    mask: var(--buttonConstantRight5_icon);
    background-color: var(--buttonConstantRight5_iconColor);
}

.buttonConstantBackground:hover.buttonConstantRight5 {
    background-color: var(--buttonConstantRight5_backgroundColorHover);
}

.buttonConstantBackground:hover.buttonConstantRight5 > .icon {
    background-color: var(--buttonConstantRight5_iconColorHover);
}

.buttonConstantBackgroundIsVisible {
    cursor: pointer;
    opacity: var(--opacityUp);
    visibility: visible;
    transition: opacity var(--durationS) var(--course), visibility var(--durationS) var(--course);
}

.buttonConstantBackgroundUnVisible {
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--durationS) var(--course), visibility var(--durationS) var(--course);
}

button, .buttonConstantBackgroundIsVisible {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border: none;
    outline: none;
    background-color: var(--colorTransparent);
}

@media (prefers-color-scheme: dark) {
    .buttonXS {
        border-color: var(--buttonXS_borderColorD);
        background-color: var(--buttonXS_backgroundColorD);
        color: var(--buttonXS_textColorD);
    }

    .buttonXS:hover, .buttonXS.buttonActive {
        border-color: var(--buttonXS_borderColorHoverD);
        background-color: var(--buttonXS_backgroundColorHoverD);
        color: var(--buttonXS_textColorHoverD);
    }

    .buttonXS > svg {
        color: var(--buttonXS_textColorD);
    }

    .buttonXS:hover > svg, .buttonXS.buttonActive > svg {
        color: var(--buttonXS_textColorHoverD);
    }

    .buttonS {
        border-color: var(--buttonS_borderColorD);
        background-color: var(--buttonS_backgroundColorD);
        color: var(--buttonS_textColorD);
    }

    .buttonS:hover, .buttonS.buttonActive {
        border-color: var(--buttonS_borderColorHoverD);
        background-color: var(--buttonS_backgroundColorHoverD);
        color: var(--buttonS_textColorHoverD);
    }

    .buttonS > svg {
        color: var(--buttonS_textColorD);
    }

    .buttonS:hover > svg, .buttonS.buttonActive > svg {
        color: var(--buttonS_textColorHoverD);
    }

    .buttonM {
        border-color: var(--buttonM_borderColorD);
        background-color: var(--buttonM_backgroundColorD);
        color: var(--buttonM_textColorD);
    }

    .buttonM:hover, .buttonM.buttonActive {
        border-color: var(--buttonM_borderColorHoverD);
        background-color: var(--buttonM_backgroundColorHoverD);
        color: var(--buttonM_textColorHoverD);
    }

    .buttonM > svg {
        color: var(--buttonM_textColorD);
    }

    .buttonM:hover > svg, .buttonM.buttonActive > svg {
        color: var(--buttonM_textColorHoverD);
    }

    .buttonL {
        border-color: var(--buttonL_borderColorD);
        background-color: var(--buttonL_backgroundColorD);
        color: var(--buttonL_textColorD);
    }

    .buttonL:hover, .buttonL.buttonActive {
        border-color: var(--buttonL_borderColorHoverD);
        background-color: var(--buttonL_backgroundColorHoverD);
        color: var(--buttonL_textColorHoverD);
    }

    .buttonL > svg {
        color: var(--buttonL_textColorD);
    }

    .buttonL:hover > svg, .buttonL.buttonActive > svg {
        color: var(--buttonL_textColorHoverD);
    }

    .buttonXL {
        border-color: var(--buttonXL_borderColorD);
        background-color: var(--buttonXL_backgroundColorD);
        color: var(--buttonXL_textColorD);
    }

    .buttonXL:hover, .buttonXL.buttonActive {
        border-color: var(--buttonXL_borderColorHoverD);
        background-color: var(--buttonXL_backgroundColorHoverD);
        color: var(--buttonXL_textColorHoverD);
    }

    .buttonXL > svg {
        color: var(--buttonXL_textColorD);
    }

    .buttonXL:hover > svg, .buttonXL.buttonActive > svg {
        color: var(--buttonXL_textColorHoverD);
    }

    .buttonConstantBackground {
        box-shadow: var(--shadowBlock) var(--colorBlackSD);
    }

    .buttonConstantBackground.buttonConstantLeft1 {
        background-color: var(--buttonConstantLeft1_backgroundColorD);
    }

    .buttonConstantBackground.buttonConstantLeft1 > .icon {
        background-color: var(--buttonConstantLeft1_iconColorD);
    }

    .buttonConstantBackground:hover.buttonConstantLeft1 {
        background-color: var(--buttonConstantLeft1_backgroundColorHoverD);
    }

    .buttonConstantBackground:hover.buttonConstantLeft1 > .icon {
        background-color: var(--buttonConstantLeft1_iconColorHoverD);
    }

    .buttonConstantBackground.buttonConstantLeft2 {
        background-color: var(--buttonConstantLeft2_backgroundColorD);
    }

    .buttonConstantBackground.buttonConstantLeft2 > .icon {
        background-color: var(--buttonConstantLeft2_iconColorD);
    }

    .buttonConstantBackground:hover.buttonConstantLeft2 {
        background-color: var(--buttonConstantLeft2_backgroundColorHoverD);
    }

    .buttonConstantBackground:hover.buttonConstantLeft2 > .icon {
        background-color: var(--buttonConstantLeft2_iconColorHoverD);
    }

    .buttonConstantBackground.buttonConstantLeft3 {
        background-color: var(--buttonConstantLeft3_backgroundColorD);
    }

    .buttonConstantBackground.buttonConstantLeft3 > .icon {
        background-color: var(--buttonConstantLeft3_iconColorD);
    }

    .buttonConstantBackground:hover.buttonConstantLeft3 {
        background-color: var(--buttonConstantLeft3_backgroundColorHoverD);
    }

    .buttonConstantBackground:hover.buttonConstantLeft3 > .icon {
        background-color: var(--buttonConstantLeft3_iconColorHoverD);
    }

    .buttonConstantBackground.buttonConstantLeft4 {
        background-color: var(--buttonConstantLeft4_backgroundColorD);
    }

    .buttonConstantBackground.buttonConstantLeft4 > .icon {
        background-color: var(--buttonConstantLeft4_iconColorD);
    }

    .buttonConstantBackground:hover.buttonConstantLeft4 {
        background-color: var(--buttonConstantLeft4_backgroundColorHoverD);
    }

    .buttonConstantBackground:hover.buttonConstantLeft4 > .icon {
        background-color: var(--buttonConstantLeft4_iconColorHoverD);
    }

    .buttonConstantBackground.buttonConstantLeft5 {
        background-color: var(--buttonConstantLeft5_backgroundColorD);
    }

    .buttonConstantBackground.buttonConstantLeft5 > .icon {
        background-color: var(--buttonConstantLeft5_iconColorD);
    }

    .buttonConstantBackground:hover.buttonConstantLeft5 {
        background-color: var(--buttonConstantLeft5_backgroundColorHoverD);
    }

    .buttonConstantBackground:hover.buttonConstantLeft5 > .icon {
        background-color: var(--buttonConstantLeft5_iconColorHoverD);
    }

    .buttonConstantBackground.buttonConstantRight1 {
        background-color: var(--buttonConstantRight1_backgroundColorD);
    }

    .buttonConstantBackground.buttonConstantRight1 > .icon {
        background-color: var(--buttonConstantRight1_iconColorD);
    }

    .buttonConstantBackground:hover.buttonConstantRight1 {
        background-color: var(--buttonConstantRight1_backgroundColorHoverD);
    }

    .buttonConstantBackground:hover.buttonConstantRight1 > .icon {
        background-color: var(--buttonConstantRight1_iconColorHoverD);
    }

    .buttonConstantBackground.buttonConstantRight2 {
        background-color: var(--buttonConstantRight2_backgroundColorD);
    }

    .buttonConstantBackground.buttonConstantRight2 > .icon {
        background-color: var(--buttonConstantRight2_iconColorD);
    }

    .buttonConstantBackground:hover.buttonConstantRight2 {
        background-color: var(--buttonConstantRight2_backgroundColorHoverD);
    }

    .buttonConstantBackground:hover.buttonConstantRight2 > .icon {
        background-color: var(--buttonConstantRight2_iconColorHoverD);
    }

    .buttonConstantBackground.buttonConstantRight3 {
        background-color: var(--buttonConstantRight3_backgroundColorD);
    }

    .buttonConstantBackground.buttonConstantRight3 > .icon {
        background-color: var(--buttonConstantRight3_iconColorD);
    }

    .buttonConstantBackground:hover.buttonConstantRight3 {
        background-color: var(--buttonConstantRight3_backgroundColorHoverD);
    }

    .buttonConstantBackground:hover.buttonConstantRight3 > .icon {
        background-color: var(--buttonConstantRight3_iconColorHoverD);
    }

    .buttonConstantBackground.buttonConstantRight4 {
        background-color: var(--buttonConstantRight4_backgroundColorD);
    }

    .buttonConstantBackground.buttonConstantRight4 > .icon {
        background-color: var(--buttonConstantRight4_iconColorD);
    }

    .buttonConstantBackground:hover.buttonConstantRight4 {
        background-color: var(--buttonConstantRight4_backgroundColorHoverD);
    }

    .buttonConstantBackground:hover.buttonConstantRight4 > .icon {
        background-color: var(--buttonConstantRight4_iconColorHoverD);
    }

    .buttonConstantBackground.buttonConstantRight5 {
        background-color: var(--buttonConstantRight5_backgroundColorD);
    }

    .buttonConstantBackground.buttonConstantRight5 > .icon {
        background-color: var(--buttonConstantRight5_iconColorD);
    }

    .buttonConstantBackground:hover.buttonConstantRight5 {
        background-color: var(--buttonConstantRight5_backgroundColorHoverD);
    }

    .buttonConstantBackground:hover.buttonConstantRight5 > .icon {
        background-color: var(--buttonConstantRight5_iconColorHoverD);
    }
}

@media only screen and (max-width: 500px) {
    .buttonXS {
        min-width: 23px;
        font-size: 8px;
        padding: 4px;
    }

    .buttonXS > svg {
        width: 10px;
        height: 10px;
    }

    .buttonXS.buttonMinWidth {
        min-width: clamp(30px, 20dvw, 80px);
    }

    .buttonS {
        min-width: 36px;
        font-size: 12px;
        padding: 8px;
    }

    .buttonS > svg {
        width: 14px;
        height: 14px;
    }

    .buttonS.buttonMinWidth {
        min-width: clamp(60px, 25dvw, 110px);
    }

    .buttonM {
        min-width: 48px;
        font-size: 16px;
        padding: 12px;
    }

    .buttonM > svg {
        width: 18px;
        height: 18px;
    }

    .buttonM.buttonMinWidth {
        min-width: clamp(90px, 30dvw, 140px);
    }

    .buttonL {
        min-width: 61px;
        font-size: 20px;
        padding: 16px;
    }

    .buttonL > svg {
        width: 22px;
        height: 22px;
    }

    .buttonL.buttonMinWidth {
        min-width: clamp(120px, 35dvw, 170px);
    }

    .buttonXL {
        min-width: 74px;
        font-size: 24px;
        padding: 20px;
    }

    .buttonXL > svg {
        width: 26px;
        height: 26px;
    }

    .buttonXL.buttonMinWidth {
        min-width: clamp(150px, 40dvw, 200px);
    }
}

@media only screen and (min-width: 501px) and (max-width: 1000px) {
    .buttonXS {
        min-width: 26px;
        font-size: 9px;
        padding: 5px;
    }

    .buttonXS > svg {
        width: 11px;
        height: 11px;
    }

    .buttonXS.buttonMinWidth {
        min-width: clamp(60px, 15dvw, 110px);
    }

    .buttonS {
        min-width: 39px;
        font-size: 13px;
        padding: 9px;
    }

    .buttonS > svg {
        width: 15px;
        height: 15px;
    }

    .buttonS.buttonMinWidth {
        min-width: clamp(90px, 20dvw, 140px);
    }

    .buttonM {
        min-width: 52px;
        font-size: 17px;
        padding: 13px;
    }

    .buttonM > svg {
        width: 19px;
        height: 19px;
    }

    .buttonM.buttonMinWidth {
        min-width: clamp(120px, 25dvw, 170px);
    }

    .buttonL {
        min-width: 64px;
        font-size: 21px;
        padding: 17px;
    }

    .buttonL > svg {
        width: 23px;
        height: 23px;
    }

    .buttonL.buttonMinWidth {
        min-width: clamp(150px, 30dvw, 200px);
    }

    .buttonXL {
        min-width: 77px;
        font-size: 25px;
        padding: 21px;
    }

    .buttonXL > svg {
        width: 27px;
        height: 27px;
    }

    .buttonXL.buttonMinWidth {
        min-width: clamp(180px, 35dvw, 230px);
    }
}

@media only screen and (min-width: 1001px) {
    .buttonXS {
        min-width: 29px;
        font-size: 10px;
        padding: 6px;
    }

    .buttonXS > svg {
        width: 12px;
        height: 12px;
    }

    .buttonXS.buttonMinWidth {
        min-width: clamp(110px, 9dvw, 160px);
    }

    .buttonS {
        min-width: 42px;
        font-size: 14px;
        padding: 10px;
    }

    .buttonS > svg {
        width: 16px;
        height: 16px;
    }

    .buttonS.buttonMinWidth {
        min-width: clamp(140px, 13dvw, 190px);
    }

    .buttonM {
        min-width: 55px;
        font-size: 18px;
        padding: 14px;
    }

    .buttonM > svg {
        width: 20px;
        height: 20px;
    }

    .buttonM.buttonMinWidth {
        min-width: clamp(170px, 17dvw, 220px);
    }

    .buttonL {
        min-width: 68px;
        font-size: 22px;
        padding: 18px;
    }

    .buttonL > svg {
        width: 24px;
        height: 24px;
    }

    .buttonL.buttonMinWidth {
        min-width: clamp(200px, 21dvw, 250px);
    }

    .buttonXL {
        min-width: 81px;
        font-size: 26px;
        padding: 22px;
    }

    .buttonXL > svg {
        width: 28px;
        height: 28px;
    }

    .buttonXL.buttonMinWidth {
        min-width: clamp(230px, 25dvw, 280px);
    }
}