button {
  -webkit-appearance: none; }

.button {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  color: var(--color-white);
  background: var(--color-navy);
  border-radius: 10rem;
  font-size: var(--font-size-n);
  padding: var(--space-m) var(--space-xl);
  border: 0.2rem solid var(--color-text-header);
  cursor: pointer;
  margin-top: 1rem;
  margin-right: 1rem; }
  .button:hover {
    background: var(--color-blue);
    color: var(--color-white);
    border: 0.2rem solid var(--color-blue); }
  .button:focus {
    outline: var(--color-white);
    background: var(--color-blue);
    color: var(--color-white);
    border: 0.2rem solid var(--color-blue); }

.button-inverted {
  color: var(--color-white);
  background: transparent;
  border: 0.2rem solid var(--color-white); }

.button-small {
  padding: var(--space-xs) var(--space-l); }

.button-small-inverted {
  padding: var(--space-xs) var(--space-l);
  color: var(--color-white);
  background: transparent;
  border: 0.2rem solid var(--color-white); }

.button-small-reset {
  padding: var(--space-xs) var(--space-l); }

.button-cancel {
  background: var(--color-gray-6);
  color: var(--color-black);
  font-weight: bold;
  border: 0.2rem solid var(--color-gray-6); }

/*# sourceMappingURL=button.css.map */