/* RULATAM button primitives */
:where(a, button).r-action {
  display: inline-flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 30px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-family: var(--r-font-ui, var(--r-site-font-compact));
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: var(--r-button-letter, .09em);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease, color .18s ease;
}

:where(a, button).r-action:hover,
:where(a, button).r-action:focus-visible {
  outline: 0;
}

:where(a, button).r-action:disabled {
  opacity: .62;
  cursor: progress;
}

.r-action--primary {
  border-color: var(--r-color-gold, #c1a57a);
  background: var(--r-color-gold, #c1a57a);
  color: var(--r-color-blue, #1f2530);
}

.r-action--primary:hover,
.r-action--primary:focus-visible {
  border-color: var(--r-color-blue, #1f2530);
  background: var(--r-color-blue, #1f2530);
  color: #ffffff;
}

.r-action--secondary {
  border-color: rgba(193, 165, 122, .46);
  background: rgba(255, 255, 255, .82);
  color: #9b7a47;
}

.r-action--secondary:hover,
.r-action--secondary:focus-visible {
  border-color: var(--r-color-gold, #c1a57a);
  background: var(--r-color-gold, #c1a57a);
  color: var(--r-color-blue, #1f2530);
}

.r-action--dark {
  border-color: rgba(193, 165, 122, .38);
  background: rgba(18, 22, 30, .92);
  color: rgba(238, 222, 190, .92);
}

.r-action--dark:hover,
.r-action--dark:focus-visible {
  border-color: var(--r-color-gold, #c1a57a);
  background: var(--r-color-gold, #c1a57a);
  color: var(--r-color-blue, #1f2530);
}

.r-action--full {
  width: 100%;
}

.r-action--card {
  min-height: 44px;
  padding: 0 22px;
  font-size: 11px;
  line-height: 14px;
  font-weight: 760;
  letter-spacing: .075em;
}

.r-action--solo {
  min-height: 52px;
}

@media (max-width: 640px) {
  a.r-action,
  button.r-action {
    min-height: 50px;
    padding-inline: 22px;
  }
}