.sbc-calendar-button button.dropbtn {
    font-size: var(----sbc-smart-button-desktop-font-size);
    font-weight: var(--sbc-smart-button-desktop-font-weight);
    line-height: var(--sbc-smart-button-desktop-line-height);
    color: var(--sbc-smart-button-desktop-color);
    margin: var(--sbc-smart-button-desktop-margin);
    padding: var(--sbc-smart-button-desktop-padding);
    background: var(--sbc-smart-button-desktop-background);
    border-width: var(--sbc-smart-button-desktop-border-width);
    border-color: var(--sbc-smart-button-desktop-border-color);
    border-radius: var(--sbc-smart-button-desktop-border-radius);
    font-family: var(--sbc-smart-button-desktop-font-family);
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    /* --sbc-smart-button-desktop-placement: center; */
}
.sbc-calendar-button:hover button.dropbtn {
    color: var(--sbc-smart-button-desktop-color-hover);
    background: var(--sbc-smart-button-desktop-background-hover);
    border-color: var(--sbc-smart-button-desktop-border-color-hover);
}
.sbc-calendar-button svg {
    height: 100%;
}
.sbc-calendar-button .scb-fill-text-color {
    fill: var(--sbc-smart-button-desktop-color);
}
.sbc-calendar-button:hover .scb-fill-text-color {
    fill: var(--sbc-smart-button-desktop-color-hover);
}
.sbc-calendar-button.btn-has-text {
    margin-right: 10px;
}

@media screen and (max-width: 768px) {
    .sbc-calendar-button button.dropbtn {
        font-size: var(----sbc-smart-button-mobile-font-size);
        font-weight: var(--sbc-smart-button-mobile-font-weight);
        line-height: var(--sbc-smart-button-mobile-line-height);
        color: var(--sbc-smart-button-mobile-color);
        margin: var(--sbc-smart-button-mobile-margin);
        padding: var(--sbc-smart-button-mobile-padding);
        background: var(--sbc-smart-button-mobile-background);
        border-width: var(--sbc-smart-button-mobile-border-width);
        border-color: var(--sbc-smart-button-mobile-border-color);
        border-radius: var(--sbc-smart-button-mobile-border-radius);
        font-family: var(--sbc-smart-button-mobile-font-family);
        height: auto;
        /* --sbc-smart-button-mobile-placement: center; */
    }
    .sbc-calendar-button:hover button.dropbtn {
        color: var(--sbc-smart-button-mobile-color-hover);
        background: var(--sbc-smart-button-mobile-background-hover);
        border-color: var(--sbc-smart-button-mobile-border-color-hover);
    }
    .sbc-calendar-button .scb-fill-text-color {
        fill: var(--sbc-smart-button-mobile-color);
    }
    .sbc-calendar-button:hover .scb-fill-text-color {
        fill: var(--sbc-smart-button-mobile-color-hover);
    }
}