
.transition-hover {
  transition: all .14s ease-in-out;
}

.transition-hover:hover,
.transition-hover:focus {
  transform: translateY(-3px);
}

.btn-sleek-primary {
  color: var(--primary);
  border-color: transparent;
  background: var(--bs-primary-soft);
}

.btn-primary[href]:hover,
.btn-primary[href]:focus,
.btn-primary[href]:active,
.btn-primary[type]:hover,
.btn-primary[type]:focus,
.btn-primary[type]:active {
  box-shadow: 0 4px 11px var(--bs-primary-soft);
}

.btn-sleek-primary[href]:hover,
.btn-sleek-primary[href]:focus,
.btn-sleek-primary[href]:active,
.btn-sleek-primary[href].active,
.btn-sleek-primary[type]:hover,
.btn-sleek-primary[type]:focus,
.btn-sleek-primary[type]:active,
.btn-sleek-primary[type].active {
  color: #fff;
  background: var(--primary);
  box-shadow: 0 4px 11px var(--bs-primary-soft);
}

.btn-sleek-white {
  color: #fff;
  border-color: transparent;
  background: rgba(255,255,255,.1);
}
