.taf-voucher-field { margin: 14px 0; }
.taf-voucher-field.is-wide { margin: 14px 26px 0; padding: 15px 18px; border-radius: 12px; background: #f7faf8; }
.taf-voucher-field label > span:first-child { display: block; margin-bottom: 6px; color: var(--taf-ink); font-size: 12px; font-weight: 800; }
.taf-portal.taf-glass .taf-toyyibpay-form .taf-voucher-field label { display:block; width:100%; }
.taf-voucher-control { display:flex; }
.taf-portal.taf-glass .taf-toyyibpay-form .taf-voucher-control,.taf-portal.taf-glass .taf-bank-form .taf-voucher-control { width:min(100%,360px); }
.taf-portal.taf-glass .taf-family-payment .taf-voucher-field label { display:block; width:100%; }
.taf-portal.taf-glass .taf-family-payment .taf-voucher-control { width:100%; }
.taf-portal.taf-glass .taf-voucher-control input { min-width:0; width:0!important; max-width:none; flex:1 1 0; height:43px; min-height:43px; margin:0; padding:9px 11px; border:1px solid #c9d8d1; border-radius:9px 0 0 9px; text-transform:uppercase; box-sizing:border-box; }
.taf-portal.taf-glass .taf-voucher-control input::placeholder { text-transform:none; }
.taf-portal.taf-glass .taf-voucher-control button[data-taf-apply-voucher] { flex:0 0 auto; width:auto; min-width:82px; height:43px; min-height:43px; margin:0; padding:0 14px; border:0!important; border-radius:0 9px 9px 0; background:#18543b!important; background-image:none!important; color:#fff!important; font-size:13px; line-height:1; font-weight:800; white-space:nowrap; cursor:pointer; appearance:none; -webkit-appearance:none; box-shadow:none!important; }
.taf-portal.taf-glass .taf-voucher-control button[data-taf-apply-voucher]:hover,.taf-portal.taf-glass .taf-voucher-control button[data-taf-apply-voucher]:focus,.taf-portal.taf-glass .taf-voucher-control button[data-taf-apply-voucher]:focus-visible,.taf-portal.taf-glass .taf-voucher-control button[data-taf-apply-voucher]:active { border:0!important; background:#123f2c!important; background-image:none!important; color:#fff!important; box-shadow:none!important; }
.taf-voucher-field > small { display: block; margin-top: 6px; color: var(--taf-muted); font-size: 10px; }
.taf-voucher-field > small.success { color: #16704a; font-weight: 700; }
@media (max-width: 560px) { .taf-voucher-field.is-wide { margin: 14px 19px 0; } .taf-voucher-control { width:100%; } .taf-portal.taf-glass .taf-voucher-control button[data-taf-apply-voucher] { min-width:76px; padding:0 12px; font-size:12px; } }