.bonus-math { margin: 8px 0 24px; padding: 22px 22px 18px; border-radius: 14px; background: #FFFFFF; border: 1px solid #DCE6E1; box-shadow: 0 10px 30px -22px rgba(14, 42, 34, 0.5); }
.bonus-math .bonus-math-title { margin: 0 0 14px; color: #0E2A22; font-size: 18px; font-weight: 600; line-height: 24px; }
.bonus-math .bonus-math-grid { display: grid; grid-template-columns: 1fr; gap: 10px; }
.bonus-math .bonus-math-item { display: flex; flex-direction: column; gap: 2px; padding: 14px 16px 14px 60px; border-radius: 12px; background: #F3F7F5 no-repeat 16px center / 30px 30px; }
.bonus-math .bonus-math-stake { background-image: url("/wp-content/mu-plugins/ocr-site/img/icons/icon-coins.svg"); }
.bonus-math .bonus-math-spins { background-image: url("/wp-content/mu-plugins/ocr-site/img/icons/icon-spins.svg"); }
.bonus-math .bonus-math-hours { background-image: url("/wp-content/mu-plugins/ocr-site/img/icons/icon-clock.svg"); }
.bonus-math .bonus-math-value { color: #0B3B2E; font-size: 26px; font-weight: 600; line-height: 32px; font-variant-numeric: tabular-nums; }
.bonus-math .bonus-math-label { color: #3D554D; font-size: 14px; line-height: 20px; }
@media (min-width: 720px) {
  .bonus-math .bonus-math-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .bonus-math .bonus-math-item { padding: 16px 16px 16px 16px; background-position: 16px 16px; }
  .bonus-math .bonus-math-value { padding-top: 38px; }
}