/*
  Flash — Website Refresh 2026 1e (Figma), "Flash" frame (Flash
  Container).
  Source: https://www.figma.com/design/2W6CyIAW3cKDEqdv26CeE2/Website-Refresh-2026-1e?node-id=8064-39127

  Requires tokens.css to be loaded first.

  A small circular CTA badge — button-only, no icon. Only Default and
  Hover states exist in Figma for both types (no Active/focus state
  defined), so that's all that's implemented here.

  Note: this is the first use of Space Grotesk at Medium (500) weight
  — every other heading use so far has been Bold (700). Make sure the
  font loading strategy covers this weight when it's wired into the
  real page (the demo's Google Fonts link below has been updated to
  include it).
*/

.rs-flash {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 96px;
  padding: 0 8px 4px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  font-family: var(--font-heading);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.05;
  letter-spacing: -0.5px;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.15s ease;
}

.rs-flash--case-study {
  background-color: var(--color-green-300);
  color: var(--color-green-900);
}
.rs-flash--case-study:hover {
  background-color: var(--color-green-200);
}

.rs-flash--download {
  background-color: var(--color-purple-700);
  color: var(--color-neutral-white-50);
}
.rs-flash--download:hover {
  background-color: var(--color-purple-600);
}