.button {
  padding: 11px 20px;
  border-radius: 8px;
  border: 0;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  font-size: var(--font-size-normal);
}

.button.width-120 {
  width: 120px;
  padding: 5px 0px;
}

.button.primary {
  color: var(--color-light);
  background: var(--color-primary);
}

.button.primary:hover {
  background: var(--color-primary-hover);
}

.button.secondary {
  color: var(--color-semi-dark);
  background: var(--color-light);
  border: 1px solid var(--color-medium-border);
}

.button.secondary:hover {
  background: var(--color-light-hover);
}