.btn-default {
  padding: 1rem 2rem;

  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;

  background-color: var(--primary);
  color: var(--light);

  cursor: pointer;
  transition: 0.2s;
}

.btn-default:hover {
  transition: all;
  transition-duration: .25s;
  background-color: var(--light);
  color: var(--dark);
}

.btn-default.btn-4-white {
  background-color: var(--primary);
  color: var(--light);
}

.btn-default.btn-4-white:hover {
  background-color: var(--dark);
  color: var(--light);
}

.btn-default.btn-4-black {
  background-color: var(--dark);
  color: var(--light);
}

.btn-default.btn-4-black:hover {
  background-color: var(--light2);
  color: var(--primary);
}