.centered {
  text-align: center;
}

.spinner.loading { 
  display: none;
  padding: 50px;
  text-align: center;
  
}

.loading-text {
  width: 150px;
  position: absolute;
  top: calc(80% -  43px);
  left: calc(55% - 58px);
  text-align: center;
  
}

.spinner.loading:before {
  content: "";
  height: 220px;
  width: 220px;
  margin: -15px auto auto -15px;
  position: absolute;
  top: calc(50% - 60px);
  left: calc(50% - 60px);
  border-width: 20px;
  border-style: solid;
  border-color: #f05670 #f26867 #f47f5b #faa944;
  border-radius: 100%;
  animation: rotation .9s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}