.coupon_code{ display: flex; gap: 8px; align-items: center; } .coupon_code .coupon_text{ display: flex; align-items: center; justify-content: center; width: 130px; height: 30px; padding: 0 .25rem; border: 1px dashed #000; border-radius: 4px; color: #000; font-size: 14px; font-weight: 700; } .coupon_code #button_coupon{ position: relative; cursor: pointer; align-items: center; border-radius: 4px; color: #001428; display: flex; font-size: 12px; font-weight: 500; transition: background-color .6s; width: 124px; height: 32px; justify-content: center; background-color: #fff; border: 1px solid #001428; gap: 8px; user-select: none; } .coupon_code #button_coupon img{ width: 16px; height: auto; } .change_background{ background-color: #001428  !important; color: #fff  !important; pointer-events: none; } .coupon_copied{ display: none; gap: 8px; align-items: center; } .copy_text{ display: flex; align-items: center; gap: 8px; } .coupon_copied img{ filter: invert(1); }