.daily-brief-reward__mark {
  display: grid;
  place-content: center;
  text-align: center;
  line-height: 1;
}

.daily-brief-reward__mark b {
  font-size: 28px;
  font-weight: 950;
}

.daily-brief-reward__mark small {
  margin-top: 3px;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.earn-points--stacked {
  align-items: baseline;
  gap: 5px;
}

.earn-points--stacked b,
.earn-points--stacked small {
  font: inherit;
}

.earn-points--stacked small {
  text-transform: uppercase;
}

@media (max-width: 600px) {
  .daily-brief-reward__mark b { font-size: 21px; }
  .daily-brief-reward__mark small { font-size: 7px; }
}

.reward-action-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 34px;
}

.reward-action-buttons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 44px;
  padding: 10px 15px;
  border: 1px solid #465048;
  border-radius: 999px;
  background: #101411;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .045em;
  text-decoration: none;
  text-transform: uppercase;
  transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.reward-action-buttons a span { color: #a9e34b; }

.reward-action-buttons a:hover,
.reward-action-buttons a:focus-visible,
.reward-action-buttons a.is-current {
  border-color: #91d51c;
  background: #91d51c;
  color: #071003;
  transform: translateY(-1px);
}

.reward-action-buttons a:hover span,
.reward-action-buttons a:focus-visible span,
.reward-action-buttons a.is-current span { color: #071003; }

.reward-action-buttons--rewards {
  margin-bottom: 44px;
}

@media (max-width: 600px) {
  .reward-action-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .reward-action-buttons a {
    padding-inline: 10px;
    font-size: 9px;
  }
}