.wBenefitCoupon__FormRow {
    align-items: end;
    display: flex;
    gap: 1rem;
}

.wBenefitCoupon__Input {
    flex: 1;
}

.wBenefitCoupon__Input .form-control {
    padding-block: 0.75rem;
}

.wBenefitCoupon__Code {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    overflow-wrap: anywhere;
}

.wBenefitCoupon__Result {
    text-align: center;
}

@media (max-width: 575.98px) {
    .wBenefitCoupon__FormRow {
        align-items: stretch;
        flex-direction: column;
    }
}
