.ui-button {
    display: block;
    background: #2997ff;
    border: none;
    border-radius: 0;

    font-family: Montserrat;
    font-style: normal;
}

.ui-button--dark {
    background: #5597cf;
}

a.ui-button {
    display: flex;
    justify-content: center;
}

.ui-button__content {
    display: flex;

    align-items: center;

    width: 100%;
    height: 100%;
}

.ui-button__image {
    margin-right: 16px;
}

.ui-button:hover {
    background: #2467a6;
    text-decoration: none;
}

.ui-button:focus {
    outline: none;
}

.ui-button.ui-button--md,
.ui-button.ui-button--md-res {
    width: 300px;
    height: 67px;

    padding: 19px 45px 16px 45px;

    font-weight: 600;
    font-size: 22px;
    line-height: 27px;

    color: #ffffff;
}

.ui-button.ui-button--md-res:hover {
    color: #ffffff;
}

@media (max-width: 1600px) {
    .ui-button.ui-button--md {
        width: 359px;
    }
}

@media (max-width: 1200px) {
    .ui-button.ui-button--md {
        width: 300px;
    }
    .ui-button.ui-button--md-res {
        height: unset;
        width: max-content;
        padding: 19px 32px 21px 31px;
    }
}

@media (max-width: 576px) {
    .ui-button.ui-button--md {
        width: 240px;
        height: 48px;

        padding: 15px 35px 15px 35px;

        font-size: 18px;
        line-height: 22px;
    }

    .ui-button.ui-button--md-res {
        width: max-content;
        font-size: 18px;
        line-height: 22px;
        padding: 13px 37px 13px 37px;
    }
}

.ui-button.ui-button--lg,
.ui-button.ui-button--lg-t,
.ui-button.ui-button--lg-res {
    /*width: 100%;*/
    height: 67px;

    padding: 19px 27px 21px 27px;

    font-weight: 600;
    font-size: 22px;
    line-height: 27px;

    color: #ffffff;
}

@media (max-width: 1200px) {
    .ui-button.ui-button--lg,
    .ui-button.ui-button--lg-res {
        width: max-content;
        height: auto;

        padding: 19px 24px 21px 24px;
    }

    .ui-button.ui-button--lg-t {
        padding: 19px 22px 21px 22px;
        height: auto;
    }
}

@media (max-width: 576px) {
    .ui-button.ui-button--lg {
        font-size: 18px;
        line-height: 22px;

        padding: 12px 31px 14px 31px;
    }

    .ui-button.ui-button--lg-t {
        font-size: 18px;
        line-height: 22px;
        padding: 13px 16px;
    }

    .ui-button.ui-button.ui-button--lg-res {
        padding: 0;
        background-color: transparent;
    }

    .ui-button.ui-button.ui-button--lg-res img {
        margin: 0;
        filter: invert(54%) sepia(88%) saturate(2939%) hue-rotate(188deg)
            brightness(99%) contrast(104%);
    }
    .ui-button.ui-button.ui-button--lg-res span {
        display: none;
    }
}