.button-group {
  margin: 2rem 0;
}

.button-group__inner {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}

.btn {
  display: inline-block;
  padding: 0.85rem 1.6rem;
  font-size: 1.05rem;
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
  border: 2px solid transparent;
  margin: .2rem;
  cursor: pointer;
}


.btn--primary {
  background: #0C3D79;
  color: #FFFFFF;
}

.btn--primary:hover {
  background: #E6EDF5;
  color: #0C3D79;
}

.btn--secondary {
  background: #E6EDF5;
  color: #0C3D79;
  border-color: #B8CBE0;
}

.btn--secondary:hover {
  background: #D8E3EF;
  color: #0C3D79;
}

.btn--outline {
  background: transparent;
  border: 2px solid #0C3D79;
  color: #0C3D79;
}

.btn--outline:hover {
  background: #0C3D79;
  color: #FFFFFF;
}

.btn:focus-visible {
  outline: 3px solid #ffbf47;
  outline-offset: 3px;
}