.coupon-card{display:flex;align-items:stretch;position:relative;width:100%;background:rgba(0,0,0,0);transition:transform .2s ease,opacity .2s ease}.coupon-card:after{content:"";position:absolute;left:0;width:.5rem;height:100%;background:var(--icon-color)}.coupon-card.used{filter:brightness(.5)}.coupon-card .info-wrapper{flex:1 1;border-radius:0 .75rem .75rem 0;border-right:2px dotted var(--gray-alpha-300);background:var(--background);padding:1.5rem 1rem 1.5rem 1.5rem;position:relative;overflow:hidden;border-top:1px solid var(--gray-alpha-200);box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15)}.coupon-card .info-wrapper .name{color:var(--primary-color);font-size:1.25rem;font-weight:700}.coupon-card .info-wrapper .description{font-size:.875rem;color:var(--foreground);margin-bottom:.5rem;height:2.5rem;white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.coupon-card .info-wrapper .expire-time{font-size:.875rem;color:var(--gray-alpha-500)}.coupon-card .coupon-btn{z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none;padding:0 .75rem;background:var(--background);border-top:1px solid var(--gray-alpha-200);border-radius:.75rem;box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);transform-origin:bottom;transition:transform .2s ease}.coupon-card .coupon-btn.clickable:not(.used){pointer-events:auto}.coupon-card .coupon-btn.clickable:not(.used) .icon{background:var(--primary-color);opacity:1}.coupon-card .coupon-btn .icon{background:var(--icon-color);color:var(--background);border-radius:50%;font-size:2rem;padding:.25rem;opacity:.5}@media(hover:hover)and (pointer:fine){.coupon-card.clickable:hover{cursor:pointer;opacity:.8;transform:translateY(-1px)}.coupon-card .coupon-btn:not(.used).clickable{pointer-events:auto}.coupon-card .coupon-btn:not(.used).clickable:hover{opacity:.8;transform:rotate(5deg)}}