.voucher-notification {
    display: flex;              /* 🔥 QUAN TRỌNG */
    align-items: center;
    width: 100%;

    text-decoration: none;
    color: inherit;
    cursor: pointer;
	overflow: hidden;
}

.voucher-notification:active {
    transform: none;
}

.voucher-cta:active {
    transform: scale(0.95);
}


.voucher-guest,
.voucher-member {
    display: flex;
    align-items: center;
    gap: 12px;

    width: 100%;
    min-width: 0;              /* 🔒 BẮT BUỘC */
}



.voucher-notification .btn {
    height: 44px;
    padding: 0 12px;
}

.voucher-notification .btn--primary {
    font-size: 12px; /* tương đương text-caption / nhỏ hơn text-button */
    line-height: 1;
}

.voucher-text {
    flex: 1 1 0;                /* 🔥 khác với auto */
    min-width: 0;               /* 🔥 BẮT BUỘC */

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    color: var(--color-text-primary);
}



.voucher-triangle {
    width: 0;
    height: 0;
    border-left: 8px solid var(--color-bg-brand-1st);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

.voucher-notification[data-state="guest"] .voucher-member {
    display: none;
}

.voucher-notification[data-state="member"] .voucher-guest {
    display: none;
}

/* =========================
   GUEST CTA EMPHASIS
   ========================= */
.voucher-cta {
    display: inline-flex;        /* 🔥 CỰC KỲ QUAN TRỌNG */
    align-items: center;
    justify-content: center;

    height: 44px;                /* 🔒 khóa chiều cao */
    line-height: 44px;           /* 🔒 khóa baseline */
    box-sizing: border-box;

    flex-shrink: 0;
    white-space: nowrap;
}


.voucher-notification[data-state="guest"] .voucher-cta {
    padding: 4px 10px;
    border-radius: 999px;

    background: var(--color-bg-brand-1st);
    color: var(--color-invert-1st);

    font-size: var(--text-caption-size);
    font-weight: 500;



    animation: voucherPulse 1.6s ease-in-out infinite;
}