/* MARK: Ora (orange) buttons */

.calabash-ora-light-button,
.calabash-ora-solid-button,
.calabash-ora-outline-button,
.calabash-ora-white-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 50px;
  padding: 13px 24px;
  border-radius: 14px;
  font-family: inherit;
  font-size: 0.96rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    color 180ms ease,
    transform 180ms ease;
}

.calabash-ora-light-button:hover,
.calabash-ora-solid-button:hover,
.calabash-ora-outline-button:hover,
.calabash-ora-white-button:hover,
.calabash-ora-light-button:focus-visible,
.calabash-ora-solid-button:focus-visible,
.calabash-ora-outline-button:focus-visible,
.calabash-ora-white-button:focus-visible {
  transform: translateY(-2px);
}

.calabash-ora-light-button:focus-visible,
.calabash-ora-solid-button:focus-visible,
.calabash-ora-outline-button:focus-visible,
.calabash-ora-white-button:focus-visible {
  outline: 3px solid var(--calabash-orange-28);
  outline-offset: 3px;
}

.calabash-ora-light-button img,
.calabash-ora-solid-button img,
.calabash-ora-outline-button img,
.calabash-ora-white-button img,
.calabash-ora-light-button svg,
.calabash-ora-solid-button svg,
.calabash-ora-outline-button svg,
.calabash-ora-white-button svg {
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.calabash-ora-light-button {
  border: 1px solid var(--calabash-orange-28);
  background: var(--calabash-orange-18);
  color: var(--calabash-company-orange-a11y);
}

.calabash-ora-light-button:hover,
.calabash-ora-light-button:focus-visible {
  background: var(--calabash-orange-22);
  color: var(--calabash-company-orange-a11y-dark);
}

.calabash-ora-solid-button {
  border: 1px solid transparent;
  background: var(--calabash-company-orange-a11y);
  box-shadow: 0 10px 22px var(--calabash-orange-22);
  color: var(--calabash-white);
}

.calabash-ora-solid-button:hover,
.calabash-ora-solid-button:focus-visible {
  background: var(--calabash-company-orange-a11y-dark);
  box-shadow: 0 12px 26px var(--calabash-orange-28);
}

.calabash-ora-outline-button {
  border: 1px solid var(--calabash-border);
  background: var(--calabash-white);
  color: var(--calabash-navy);
}

.calabash-ora-outline-button:hover,
.calabash-ora-outline-button:focus-visible {
  border-color: var(--calabash-navy);
}

.calabash-ora-white-button {
  border: 1px solid var(--calabash-white);
  background: transparent;
  color: var(--calabash-white);
}

.calabash-ora-white-button:hover,
.calabash-ora-white-button:focus-visible {
  background: var(--calabash-white);
  color: var(--calabash-navy);
}

.calabash-ora-button__emphasis {
  font-weight: 900;
}