.bonus-card { position: relative; width: 100%; height: 144px; overflow: hidden; border: 1px solid var(--separator); border-radius: 20px; background: #fff; cursor: default; }
.bonus-card__image { position: absolute; top: 0; left: 50%; width: 101px; height: 101px; transform: translateX(-50%); object-fit: contain; }
.bonus-card__info { position: absolute; top: 101px; right: 0; left: 0; display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center; }
.bonus-card__status { color: var(--red); font-size: 10px; font-weight: 500; line-height: 12px; }
.bonus-card--active .bonus-card__status { color: var(--green); }
.bonus-card__date { width: 58px; color: var(--grey); font-size: 8px; font-weight: 400; line-height: 10px; white-space: pre-line; }