a.btn {
  text-decoration: none;
}

.btn {
  position: relative;
  padding: 13px 28px;
  border: none;
  border-radius: var(--radius);
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 0.95rem;
  font-weight: 500;
  background-color: transparent;
  overflow: hidden;
  isolation: isolate;
}

.btn-mobile {
  font-size: 1.5rem;
}

.btn-default {
  background-color: var(--gold);
  color: var(--paper);
  border-radius: 30px;
  transition: background-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);
  box-shadow: 0 6px 18px -8px rgba(140, 101, 48, 0.55);
}

.btn-default:hover {
  background-color: var(--gold-deep);
  box-shadow: 0 10px 24px -8px rgba(140, 101, 48, 0.65);
}

.btn-outline {
  border: 1px solid var(--gold);
  color: var(--gold-deep);
  border-radius: 30px;
  background: transparent;
  transition: background var(--fast) var(--ease), color var(--fast) var(--ease);
}

.btn-outline:hover {
  background: var(--gold);
  color: var(--paper);
}

.btn:focus-visible {
  outline: 2px solid var(--gold-deep);
  outline-offset: 2px;
}