@media screen and (max-width: 1023px) {
    .payment-types__top-text
    {
        margin-bottom: 20px;
    }

    .payment-types__tab-buttons
    {
        margin-bottom: 20px;
    }

    .payment-types__tab-button
    {
        font-size: 14px;
        line-height: 19px;
        color: var(--link-color);
        transition: background-color var(--transition-duration) ease-out;
        background-color: #fff;
        box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.07);
        padding: 15px 20px;
        align-items: center;
        justify-content: center;
        display: flex;
        width: 100%;
        box-sizing: border-box;
    }

    .payment-types__tab-button + .payment-types__tab-button
    {
        border-top: 1px solid #dee3ef;
    }

    .payment-types__tab-button_active
    {
        color: #303036;
        font-weight: bold;
        background-color: #f4f9ff;
        position: relative;
        z-index: 1;
    }

    .payment-types__tab-button:nth-of-type(1)
    {
        border-radius: 10px 10px 0 0;
    }

    .payment-types__tab-button:nth-last-of-type(1)
    {
        border-radius: 0 0 10px 10px;
    }

    .payment-types__tab-button:not(.payment-types__tab-button_active):hover
    {
        color: #303036;
        opacity: 0.8;
    }

    .payment-types__tabs
    {
        margin-bottom: 7px;
    }

    .payment_types__tab
    {
        display: none;
    }

    .payment_types__tab_active
    {
        display: block;
    }

    .payment_types__tab-content
    {

    }

    .payment_types__bottom-text
    {

    }
}