/* Stage button overrides */

/* Secondary button — style from provided reference */
body.body-stage .secondary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.55rem 1rem;
  border-radius: 0.1875rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #f5f5f5;
  color: #111;
  text-decoration: none;
  transition: color 0.2s ease;
}

body.body-stage .secondary-button:hover {
  background-color: #f5f5f5;
  color: var(--color-primary-500);
}

/* Third button — underlined text + arrow icon */
body.body-stage .third-button,
body.body-stage .button-third {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0;
  border: none;
  background: transparent;
  color: #111;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}

body.body-stage .third-button:hover,
body.body-stage .button-third:hover {
  color: #111;
  text-decoration-thickness: 1.5px;
}

body.body-stage .third-button__icon {
  display: inline-flex;
  width: 1.1em;
  height: 1.1em;
  flex: 0 0 auto;
}

body.body-stage .third-button__icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}