.se-buttons-group-wrapper {
    display: grid;
    gap: 16px;
}

.se-buttons-group {
    display: flex;
    grid-gap: 12px;
    justify-content: center;
}

.se-buttons-group[data-left] {
    justify-content: left;
}

.se-btn_outline.schedule-btn svg path,
.se-btn_outline.view-demo-btn svg path {
    stroke: var(--se-btn-color-blue);
    fill: var(--se-btn-color-blue);
}

.se-btn_ghost.schedule-btn:hover svg path {
    stroke: var(--se-main-color-blue-dark);
    fill: var(--se-main-color-blue-dark);
}

.se-btn_outline.schedule-btn:hover svg path,
.se-btn_outline.view-demo-btn:hover svg path,
.se-btn_outline:focus svg path {
    stroke: #fff;
    fill: #fff;
}

.button-group-btn.without-left-icon .icon-left {
    display: none;
}

.se-buttons-group__text {
    font-size: 12px;
    line-height: 140%;
    color: var(--se-text-color-disabled);
}

.se-buttons-group__text:not(.se-buttons-group[data-left] + .se-buttons-group__text) {
    text-align: center;
}

@media screen and (max-width: 1199px) {
    .se-buttons-group[data-left] {
        justify-content: center;
    }

    .se-buttons-group__text {
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .se-buttons-group {
        flex-direction: column;
        width: 100%;
    }

    .se-buttons-group-wrapper,
    .se-buttons-group .se-btn {
        width: 100%;
        gap: 12px;
    }

    .button-group-btn.mobile-hidden {
        display: none;
    }
}