.button {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border: 2px solid var(--ink);
  border-radius: 6px;
  cursor: pointer;
  font: inherit;
  font-weight: 850;
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.topbar-cta {
  background: var(--coral);
  box-shadow: 3px 3px 0 var(--ink);
  color: var(--ink);
}

.footer-consultation {
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
}

.cookie-settings {
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
}

.button:hover,
.topbar-cta:hover {
  box-shadow: 1px 1px 0 var(--ink);
  transform: translate(2px, 2px);
}

.button.primary {
  background: var(--ink);
  box-shadow: 4px 4px 0 var(--cobalt);
  color: var(--paper-bright);
}

.button.ghost {
  background: var(--paper-bright);
  box-shadow: 4px 4px 0 rgba(21, 24, 33, 0.18);
  color: var(--ink);
}