/* BUTTON */



/* BUTTON SETTINGS */
a.btn,
button.btn,
div.btn {
	background-color: var(--primary-button-bg-color);
	color: var(--text-on-button-primary, var(--neutral-50));
}

a.btn:is(:hover, :focus),
button.btn:is(:hover, :focus),
div.btn:is(:hover, :focus) {
	background-color: var(--primary-button-bg-hover-color);
	color: var(--text-on-button-primary-hover, var(--neutral-0));
}
a.btn--terms,
button.btn--terms,
div.btn--terms {
  background-color: var(--terms-button-bg-color, var(--brand-primary-l-2));
  color: var(--text-on-button-primary, var(--neutral-50));
  padding: 5px 10px;
}
a.btn--terms:is(:hover, :focus),
button.btn--terms:is(:hover, :focus),
div.btn--terms:is(:hover, :focus) {
  background-color: var(--terms-button-bg-hover-color, var(--brand-primary));
  color: var(--text-on-button-primary-hover, var(--neutral-0));
}

/* BUTTON CHANGES */
.btn--inverse {
  background-color: var(--neutral-0) !important;
  color: var(--brand-primary) !important;
}