﻿#dafPayButtonContainer {
    margin: 4rem 0 1rem;
    text-align: center;
}

@media (min-width : 768px) {
    #paymentToggleRow02.tsFormRows {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        margin: 0 0 2rem;
        padding: 0 0 2rem;
        position: relative;
    }

    #paymentToggleRow02 .paymentTypeContainer:first-child label {
        border-top-left-radius: 100px;
        border-bottom-left-radius: 100px;
    }

    #paymentToggleRow02 .paymentTypeContainer:last-child label {
        border-top-right-radius: 100px;
        border-bottom-right-radius: 100px;
    }

    @media (min-width : 768px) {
        #paymentToggleRow02.tsFormRows {
            border-bottom: none;
            flex-wrap: nowrap;
            gap: 0;
            margin: 0 0 1rem;
            padding: 0;
        }

        #paymentToggleRow:has(+ #paymentToggleRow02) {
            margin: 0
        }
    }

    /* equal widths second row centered */
    #paymentToggleRow02.tsFormRows {
        justify-content: center;
    }

    .paymentTypeContainer.thirds {
        flex: 0 0 33%;
    }
}