.bg-white {
  background-color: #fff !important;
}

.background {
  background-color: #ff8772;
  color: #fff;
}

.background-gray {
  background-color: #54575a;
  color: #fff;
}

.background-dark {
  background-color: #002269;
  color: #fff;
}

.background-light {
  background-color: #efedf0;
  color: #002269;
}

.background-secondary {
  background-color: #66bbb0;
  color: #fff;
}
.background-primary {
  background-color: #66bbb0;
  color: #fff;
}

.bg-exani {
  background-color: #702632;
}

.botone {
  height: 3rem; 
  padding: 0 2rem;
  border-radius: 1.5rem;
  background:
  linear-gradient(
    -45deg, #9925ea, #338aff, #9925ea
  );
  background-size: 400%;
  background-position 90% 0%;
  color: #ffffff;
  transition: background 0.8s;
}

.botone:hover {
  background-position: 185% 50%;
}