.mt-50{
  margin-top:50px;
}

.mb-50{
  margin-bottom: 50px;
}


.bg-warm {
  background: var(--color-warm);
}

.bg-light-blue {
  background: var(--color-light-blue);
}

.bg-warm-hard {
  background: var(--color-warm-hard);
}

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

.bg-secondary{
  background: var(--color-secondary);
}

.site-button,
.site-button-primary,
.site-button-secondary {
  font-size: 18px;
  display: inline-block;
  padding: 10px 34px;
  border-radius: 100px 0 100px 100px;
  transition: all 0.35s ease-in-out;
}

.site-button {
  color: #e1fbff;
  border: 1px solid #e1fbff;
  transition: all 0.35s ease-in-out;
}


.site-button:hover,
.site-button-primary:hover,
.site-button-secondary:hover {
  color: #ffffff;
  border-color: var(--color-secondary);
  background: var(--color-secondary);
  border-radius: 100px 100px 0 100px;
}

.site-button-primary {
  color: #ffffff;
  background: var(--color-primary);
}

.site-button-secondary {
  color: #ffffff;
  background: var(--color-secondary);
}

.site-button-arrow {
  color: var(--color-primary);
  font-size: 22px;
  font-weight: 500;
  transition: all .35s ease-in-out;
}

.site-button-arrow:hover {
  color: var(--color-secondary);
}


.text-primary{
  color: var(--color-primary);
}