.hero__registration-actions,
.a9-registration-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  justify-self: end;
  gap: 10px;
}

.hero__registration-actions .hero__cta,
.a9-registration-actions .a9-cta {
  color: #fff;
  background: #111;
  box-shadow: none;
  transition: background-color .2s ease, transform .2s ease;
}

.hero__nav .hero__registration-actions .registration-secondary,
.a9-nav .a9-registration-actions .registration-secondary {
  color: #111;
  background: #fdf7f1;
}

.hero__registration-actions .hero__cta:hover,
.hero__registration-actions .hero__cta:focus-visible,
.a9-registration-actions .a9-cta:hover,
.a9-registration-actions .a9-cta:focus-visible {
  color: #fff;
  background: #9d241b;
}

.hero__registration-actions .hero__cta:focus-visible,
.a9-registration-actions .a9-cta:focus-visible {
  outline: 2px solid #9d241b;
  outline-offset: 4px;
}

@media (min-width: 961px) and (max-width: 1180px) {
  .hero__registration-actions .hero__cta,
  .a9-registration-actions .a9-cta {
    min-width: 108px;
    padding-inline: 16px;
  }
}

@media (max-width: 600px) {
  .hero__registration-actions .registration-secondary,
  .a9-registration-actions .registration-secondary {
    display: none;
  }
}