.blue-btn {
  display: inline-block;
  font-weight: 300;
  color: #fff;
  border: 1px solid transparent;
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.5;
  background-color: #0D4286;
}
.blue-btn:hover {
  background: var(--color-accent-8);
}
.grey-btn {
  display: inline-block;
  font-weight: 300;
  color: #fff;
  border: 1px solid transparent;
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.5;
  background-color: #5E5E5E;
}
.grey-btn:hover {
  //background: var(--color-accent-8);
  color: #000000;
}
.green-btn {
  display: inline-block;
  font-weight: 300;
  color: #fff;
  border: 1px solid transparent;
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.5;
  background: var(--color-accent-8);
}
.green-btn:hover {
  background: var(--color-accent-8);
  color: #000000 !important;
}
.white-btn {
  display: inline-block;
  font-weight: 300;
  color: #000000 !important;
  border: 1px solid transparent;
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.5;
  background: #fff;
}
.white-btn:hover {
  background: var(--color-accent-8);
  color: #fff !important;
}
.dark-btn {
	display: inline-block;
  font-weight: 300;
  color: #fff;
  border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.5;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  background-color: var(--color-dark);
  border-color: var(--color-dark);
}
.dark-btn:hover {
        background: var(--color-accent-8);
        border-color: var(--color-dark);
}