.promo-code-row {
        align-items: stretch;
        display: flex;
        gap: 10px;
        margin: 18px auto 0;
        max-width: 900px;
        width: 100%;
    }

    .promo-code-row span {
        flex: 1;
    }

    .promo-code-row input {
        box-sizing: border-box;
        height: 44px;
        width: 100% !important;
    }

    .promo-code-row #applyPromoBtn {
        height: 44px;
        margin: 0;
        min-width: 120px;
    }

    @media (max-width: 640px) {
        .promo-code-row {
            flex-direction: column;
        }

        .promo-code-row #applyPromoBtn {
            width: 100%;
        }
    }