:root {
  --primary-color: #3b6fff;
  --primary-dark-color: #5b3591;
}

#hero::after, .body-footer {
  background-image: linear-gradient(to left bottom, #00cafd 0%, #9448ff 100%);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-default:hover,
.btn-default:active,
.btn-default:focus,
.btn-primary,
.btn-default,
.input-button {
  background-image: linear-gradient(to left bottom, var(--color-button_background, var(--primary-color)) 0%, #9147ff 100%);
}