.coupons{background-color:var(--color-neutral-10);position:relative;overflow:hidden;& .add{gap:var(--space-200);& button{white-space:nowrap;padding:0}}& .used-coupons.group{place-items:start;gap:0;& .coupon-cart-card{padding:var(--space-200) var(--space-250);border:2px solid var(--color-alpha-black-20);border-radius:var(--radius-200);margin-bottom:var(--space-300);justify-content:space-between;align-items:center;display:flex;& span{flex:1}& button{width:auto;padding:var(--padding);cursor:pointer;flex-shrink:0;line-height:0;& img{filter:brightness(0)invert()contrast()saturate(0%);width:1.5rem;height:1.5rem}}}}& .history-popup{border-radius:var(--radius-300);display:block;position:fixed;& .box-container{background-color:var(--color-neutral-80);border:2px solid var(--color-alpha-white-10)}&>.row{gap:var(--space-400);flex-direction:column;display:flex;&>section{background-color:unset;border:none;padding:0;& .section-title{color:var(--color-neutral-40);margin-bottom:var(--space-200)}& .coupons-grid{gap:var(--space-200);flex-direction:column;display:flex;& .box-container{& h2{color:var(--color-neutral-10);font-size:var(--font-size-base);font-weight:600}& strong{color:var(--color-neutral-10)}& span{margin-left:var(--space-100);font-weight:400}}}}}& .close-popup{margin-left:auto}& .section-title{font-weight:600;font-size:var(--font-size-large);color:var(--color-neutral-10)}& hr{margin:var(--space-300) 0}& .section-card{background-color:var(--color-brand-main-50);border:2px solid var(--color-alpha-black-10);border-radius:var(--radius-300);transition:all .5s;&:hover{border:2px solid var(--color-neutral-10)}& h2{font-size:var(--font-size-base);color:var(--color-neutral-10);font-weight:600}& strong{color:var(--color-neutral-10)}}}}