/* Clear, centered call-to-action buttons for the public homepage. */
body.legion-landing-page .legion-home .legion-home-actions,
body.legion-landing-page .legion-home .legion-home-section__actions {
  align-items: center;
  gap: 14px;
}

body.legion-landing-page .legion-home .legion-home-section__actions {
  justify-content: center !important;
  margin-top: 34px;
}

body.legion-landing-page .legion-home .legion-home-actions a,
body.legion-landing-page .legion-home .legion-home-section__actions a,
body.legion-landing-page .legion-home .legion-home-section--final .legion-home-section__actions a {
  display: inline-flex !important;
  position: relative;
  align-items: center;
  justify-content: center !important;
  gap: 12px !important;
  width: auto;
  min-width: 190px;
  min-height: 52px !important;
  padding: 14px 23px !important;
  border: 1px solid rgba(48, 209, 88, .56) !important;
  border-radius: 999px !important;
  background: rgba(48, 209, 88, .075) !important;
  box-shadow: 0 5px 18px rgba(0, 0, 0, .12);
  color: #dff4e4 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.3;
  letter-spacing: .005em;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}

body.legion-landing-page .legion-home .legion-home-actions a.primary,
body.legion-landing-page .legion-home .legion-home-section__actions a.primary {
  border-color: #42d968 !important;
  background: linear-gradient(135deg, #49df6f 0%, #2bc557 100%) !important;
  box-shadow: 0 8px 22px rgba(24, 177, 66, .2), inset 0 1px 0 rgba(255, 255, 255, .3);
  color: #07150b !important;
}

body.legion-landing-page .legion-home .legion-home-actions a.primary::after,
body.legion-landing-page .legion-home .legion-home-section__actions a.primary::after {
  position: absolute;
  right: 18px;
  color: currentColor;
  font-size: 15px;
  opacity: .78;
}

body.legion-landing-page .legion-home .legion-home-actions a::after,
body.legion-landing-page .legion-home .legion-home-section__actions a::after {
  position: absolute;
  right: 18px;
}

body.legion-landing-page .legion-home .legion-home-actions a:not(.primary):hover,
body.legion-landing-page .legion-home .legion-home-section__actions a:not(.primary):hover {
  transform: translateY(-2px);
  border-color: rgba(112, 237, 142, .9) !important;
  background: rgba(48, 209, 88, .15) !important;
  box-shadow: 0 9px 22px rgba(0, 0, 0, .2);
  color: #f0fff3 !important;
}

body.legion-landing-page .legion-home .legion-home-actions a.primary:hover,
body.legion-landing-page .legion-home .legion-home-section__actions a.primary:hover,
body.legion-landing-page .legion-home .legion-home-section--final .legion-home-section__actions a.primary:hover {
  transform: translateY(-2px);
  border-color: #73ed91 !important;
  background: linear-gradient(135deg, #6aea88 0%, #42d968 100%) !important;
  box-shadow: 0 12px 28px rgba(24, 177, 66, .28), inset 0 1px 0 rgba(255, 255, 255, .42);
  color: #06120a !important;
}

body.legion-landing-page .legion-home :is(a, button):focus-visible {
  outline: 3px solid #8af3a2;
  outline-offset: 4px;
}

@media (max-width: 640px) {
  body.legion-landing-page .legion-home .legion-home-actions,
  body.legion-landing-page .legion-home .legion-home-section__actions {
    align-items: center !important;
    gap: 12px;
  }

  body.legion-landing-page .legion-home .legion-home-actions a,
  body.legion-landing-page .legion-home .legion-home-section__actions a,
  body.legion-landing-page .legion-home .legion-home-section--final .legion-home-section__actions a {
    width: min(100%, 330px) !important;
    min-width: 0;
    min-height: 52px !important;
    padding: 14px 20px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.legion-landing-page .legion-home .legion-home-actions a,
  body.legion-landing-page .legion-home .legion-home-section__actions a {
    transition: none;
  }
}
