/* Check: the rules widget on its own, with a tier, share and sign-up */
.check-tier { margin-top: 14px; text-align: center; }
.check-tier .tier-tag:empty { visibility: hidden; }

.check-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}
.check-status { min-height: 20px; margin-top: 10px; font-size: 13px; color: var(--ink-soft); }

.check-rules {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  margin-top: 16px;
  font-size: 15px;
  font-weight: 500;
  color: var(--chocolate);
  text-decoration: none;
}
.check-rules svg { color: var(--red); transition: transform var(--ease-normal); }
.check-rules:hover svg { transform: translateX(3px); }

@media (min-width: 900px) {
  .check-actions, .check-status, .check-rules { max-width: 560px; }
}
@media (prefers-reduced-motion: reduce) {
  .check-rules svg { transition: none; }
}