/* Base button style */

.btn {
  display: inline-block;
  padding: 0.75em 1.5em;
  border-radius: 999px !important;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.3s ease;
  border: none;
  cursor: pointer;
}

/* Primary button (#FA8334 → #408CA3 hover) */
.btn--primary {
  background-color: #FA8334;
  color: #fff;
}
.btn--primary:hover,
.btn--primary:focus {
  background-color: #408CA3;
  color: #fff;
}

/* Secondary button (#652D90 → #FA8334 hover) */
.btn--secondary {
  background-color: #652D90;
  color: #fff;
}
.btn--secondary:hover,
.btn--secondary:focus {
  background-color: #408CA3;
  color: #fff;
}

/* Tertiary button (#408CA3 border, transparent bg → filled on hover) */
.btn--tertiary {
  background-color: transparent;
  color: #408CA3;  /* Ensures visibility against white background */
  border: 2px solid #408CA3;
}
.btn--tertiary:hover,
.btn--tertiary:focus {
  background-color: #408CA3;
  color: #fff;
}

/* Fourth button (#414A50 border, transparent bg → filled on hover) */
a.btn--fourth {
  background-color: transparent;
  color: #414A50;
  border: 2px solid #414A50;
}

a.btn--fourth:hover,
a.btn--fourth:focus {
  background-color: #408CA3;
  color: #fff;
  border-color: #408CA3;
}