.anim_spinnerButton {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  background: radial-gradient(farthest-side,#fff 94%,#0000) top/25% 25% no-repeat,
              conic-gradient(#fff0 30%, #fff);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 0);
  animation: anim_spinnerButton-rotate 0.8s linear infinite;
}

@keyframes anim_spinnerButton-rotate {
  100% {
    transform: rotate(1turn);
  }
}

#anim_loader_overlay{
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:100%; 
  background:rgba(255,255,255 ,0.8); 
  z-index:1000; 
  display:flex; 
  flex-direction:column; 
  align-items:center; 
  justify-content:center;
}

.anim_text_loader {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -130px;
  margin-bottom: 150px;
  font-family: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  color: #032d8e;
}

.anim_logo_loader {
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 150px;
}

.anim_spinner_loader {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #032d8e 94%, #0000) top/9px 9px no-repeat,
              conic-gradient(#0000 30%, #032d8e);
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 4px), #000 0);
  animation: anim_spinner-rotate 1s infinite linear;
}

@keyframes anim_spinner-rotate {
  100% { transform: rotate(1turn); }
}

.anim_texto_modal{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -130px;
  margin-bottom: 150px;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
}
.anim_logo_modal{
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 150px;
}
.anim_spinner_modal {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: radial-gradient(farthest-side,#003366 94%,#0000) top/9px 9px no-repeat,
        conic-gradient(#0000 30%,#003366);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0);
  animation: spinner-modal-c7wet2 1s infinite linear;
}

@keyframes spinner-modal-c7wet2 {
 100% {
    transform: rotate(1turn);
 }
}