.bonuses { width: 100%; }
.bonuses__empty { display: flex; align-items: center; justify-content: center; min-height: 62px; padding: 10px; font-size: 13px; font-weight: 700; line-height: 1.2; text-align: center; }
.bonuses__available { display: none; }
.bonuses.has-bonuses .bonuses__empty { display: none; }
.bonuses.has-bonuses .bonuses__available { display: block; }
.bonuses__count { display: flex; align-items: center; justify-content: center; width: 100%; height: 22px; padding: 4px 8px; border-radius: 4px; background: var(--green-background); color: var(--green); font-size: 12px; font-weight: 700; line-height: 14px; }
.bonuses__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; width: 100%; margin-top: 12px; }
.bonuses__open { display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; border-radius: 32px; background: var(--green); color: #fff; font-size: 16px; font-weight: 500; line-height: 18px; }
.bonuses__open:disabled { background: #c8c8c8; cursor: not-allowed; }