.spinner-dots {
  position: relative;
  width: 1.5em;
  height: 1.5em;
  display: none;
  animation: rotate 1s linear infinite;
  padding: 10px;
}
.spinner-dots.showLoading{
  display: inline-block!important;
}
.spinner-dots span {
  position: absolute;
  top: 37%;
  left: 39%;
  width: 0.3em;
  height: 0.3em;
  background-color: white;
  border-radius: 50%;
  transform-origin: center;
  font-size: initial!important;
}

/* POSICIONA CADA BOLINHA FIXA NO CÍRCULO */
.spinner-dots span:nth-child(1) { transform: rotate(0deg)   translate(0.6em); }
.spinner-dots span:nth-child(2) { transform: rotate(45deg)  translate(0.6em); }
.spinner-dots span:nth-child(3) { transform: rotate(90deg)  translate(0.6em); }
.spinner-dots span:nth-child(4) { transform: rotate(135deg) translate(0.6em); }
.spinner-dots span:nth-child(5) { transform: rotate(180deg) translate(0.6em); }
.spinner-dots span:nth-child(6) { transform: rotate(225deg) translate(0.6em); }

@keyframes rotate {
  to { transform: rotate(360deg); }
}

button:has(.btn-azul) .spinner-dots span{
  background: var(--laranja);
}

button:hover .spinner-dots span{
  background: var(--laranja);
}