.kevload-container {
  height: 105px;
  margin-top: 1rem;
}

.kevload-container.button-loader {
  margin-top: 0;
  height: 42px;
}
.kevload-container.button-loader .kevload-loader {
  left: calc(50% - 21px);
  width: 42px;
  height: 42px;
  perspective: 540px;
}
.kevload-container.button-loader .kevload-loader .kevload-inner.kevload-one {
  border-bottom-width: 3px;
}
.kevload-container.button-loader .kevload-loader .kevload-inner.kevload-two {
  border-right-width: 3px;
}
.kevload-container.button-loader .kevload-loader .kevload-inner.kevload-three {
  border-top-width: 3px;
}

.kevload-loader {
  position: relative;
  border-radius: 50%;
  left: calc(50% - 35px);
  width: 70px;
  height: 70px;
  perspective: 900px;
}

.kevload-loader.center {
  left: auto;
}

.kevload-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 50%;
}

.kevload-inner.kevload-one {
  left: 0%;
  top: 0%;
  animation: kevload-rotate-one 1.15s linear infinite;
  border-bottom-style: solid;
  border-bottom-color: #0055a5;
  border-bottom-width: 5px;
}

.kevload-inner.kevload-two {
  right: 0%;
  top: 0%;
  animation: kevload-rotate-two 1.15s linear infinite;
  border-right-style: solid;
  border-right-color: #535353;
  border-right-width: 5px;
}

.kevload-inner.kevload-three {
  right: 0%;
  bottom: 0%;
  animation: kevload-rotate-three 1.15s linear infinite;
  border-top-style: solid;
  border-top-color: #e9e9e9;
  border-top-width: 5px;
}

@keyframes kevload-rotate-one {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}
@keyframes kevload-rotate-two {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}
@keyframes kevload-rotate-three {
  0% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}