/* MARK: Tur (turquoise) buttons */

.calabash-tur-light-button,
.calabash-tur-solid-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,
    filter 180ms ease,
    transform 180ms ease;
}

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

.calabash-tur-light-button:focus-visible,
.calabash-tur-solid-button:focus-visible {
  outline: 3px solid rgba(69, 190, 225, 0.45);
  outline-offset: 3px;
}

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

.calabash-tur-light-button {
  border: 1px solid rgba(69, 190, 225, 0.35);
  background: var(--calabash-turquoise-12);
  color: var(--calabash-navy);
}

.calabash-tur-light-button:hover,
.calabash-tur-light-button:focus-visible {
  background: rgba(69, 190, 225, 0.22);
  border-color: rgba(69, 190, 225, 0.5);
}

.calabash-tur-solid-button {
  border: 1px solid transparent;
  background: var(--calabash-company-turquoise);
  box-shadow: 0 10px 22px var(--calabash-turquoise-12);
  color: var(--calabash-navy);
}

.calabash-tur-solid-button:hover,
.calabash-tur-solid-button:focus-visible {
  filter: brightness(0.92);
}