/* превращаем таблицу в flex */
.t-inputpromocode__wrapper {
    display: flex !important;
    align-items: center !important; /* ← выравниваем по центру вертикально */
    gap: 10px !important; /* красивый отступ между полем и кнопкой */
}

/* поле */
.t-inputpromocode {
    flex: 1 1 auto !important;
    height: 50px !important; /* фиксируем высоту под кнопку */
    padding: 0 16px !important;
    display: flex !important;
    align-items: center !important;
}

/* кнопка */
.t-inputpromocode__btn {
    height: 50px !important; /* такая же высота как у поля */
    padding: 0 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 5px !important;
}

/* кнопка — прозрачная по умолчанию, белая при нажатии */
.t-inputpromocode__btn {
    background: transparent !important;
    color: #000 !important;
    border: 1px solid #000 !important;
    transition: .25s ease;
}

.t-inputpromocode__btn:hover {
    background: #000 !important;
    color: #fff !important;
}

/* адаптив: до 480px складываем в колонку */
@media (max-width: 480px) {
    .t-inputpromocode__wrapper {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
    }

    .t-inputpromocode,
    .t-inputpromocode__btn {
        width: 100% !important;
    }
}