.btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      padding: 13px 24px;
      border: 1px solid transparent;
      border-radius: 3px;
      font-family: "Inter", Arial, sans-serif;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0.13em;
      text-transform: uppercase;
      transition: background 220ms ease, border-color 220ms ease, color 220ms ease, transform 220ms ease;
    }

.btn:hover,
    .btn:focus-visible {
      transform: translateY(-2px);
    }

.btn--gold {
      color: var(--color-white);
      background: #8f1f1f;
      border-color: #8f1f1f;
    }

.btn--gold:hover,
    .btn--gold:focus-visible {
      background: #6e0f12;
      border-color: #6e0f12;
    }

.btn--outline {
      color: var(--color-white);
      background: transparent;
      border-color: rgba(255, 255, 255, 0.44);
    }

.btn--outline:hover,
    .btn--outline:focus-visible {
      color: var(--color-white);
      background: #8f1f1f;
      border-color: #8f1f1f;
    }

.btn--red {
      color: #8f1f1f;
      border-color: #8f1f1f;
    }

.btn--red:hover,
    .btn--red:focus-visible {
      color: var(--color-white);
      background: #8f1f1f;
      border-color: #8f1f1f;
    }

section {
      position: relative;
    }

.section-pad {
      padding: 104px 0;
    }