.c-button,
button,
.link--button-style {
  --colour-focus: var(--color-white);
  background-color: #101e8e;
  background-color: var(--color-button-bg);
  color: #FFF;
  color: var(--color-button-text);
  padding: 0.25rem max(0.5rem, min(calc(1.40rem + 1.41vw), 1rem));
  padding: var(--space-2xs) var(--space-xs);
  border-radius: 22px;
  border-radius: var(--border-radius);
  -webkit-text-decoration: none;
  text-decoration: none;
  border: 2px solid transparent;
  display: inline-block;
  font-weight: 700;
  font-weight: var(--font-bold);
  outline: 2px solid transparent;
}

.c-button:hover, button:hover, .link--button-style:hover {
    background-color: #ffaa00;
    background-color: var(--color-button-bg-hover);
    color: #101e8e;
    color: var(--color-button-bg);
  }

.c-button:focus, button:focus, .link--button-style:focus {
    outline: 2px solid #1365DF;
    outline: 2px solid var(--colour-focus);
    outline-offset: -3px;

  }

.button--secondary {
  --color-button-bg: var(--color-white);
  --color-button-bg-hover: var(--color-primary);
  --color-button-text: var(--color-primary);
}