.spin-style {
    opacity: 0.5;
    animation: 2s linear infinite svg-spin-animation;
    max-width: 40px;
    margin: auto;
    padding: 15px;
}
@keyframes svg-spin-animation {
    0% {
        transform: rotateZ(0deg);
   }
    100% {
        transform: rotateZ(360deg);
   }
}
.spin-style .spinCircle {
    animation: 1.4s ease-in-out infinite both circle-spin-animation;
    display: block;
    fill: transparent;
    stroke: #2f3d4c;
    stroke-linecap: round;
    stroke-dasharray: 283;
    stroke-dashoffset: 280;
    stroke-width: 10px;
    transform-origin: 50% 50%;
}
@keyframes circle-spin-animation {
    0%, 25% {
        stroke-dashoffset: 280;
        transform: rotate(0);
   }
    50%, 75% {
        stroke-dashoffset: 75;
        transform: rotate(45deg);
   }
    100% {
        stroke-dashoffset: 280;
        transform: rotate(360deg);
   }
}