#cover-spin {
     position: fixed;
     width: 100%;
     height: 100%;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background-color: rgba(0, 0, 0, 0.5);
     z-index: 9999;
     display: none;
 }

 @-webkit-keyframes spin {
     from {
         -webkit-transform: rotate(0deg);
     }

     to {
         -webkit-transform: rotate(360deg);
     }
 }

 @keyframes spin {
     from {
         transform: rotate(0deg);
     }

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

 #cover-spin::after {
     content: '';
     display: block;
     position: relative;
     left: 48%;
     top: 40%;
     width: 40px;
     height: 40px;
     border-style: solid;
     border-color: white;
     border-top-color: transparent;
     border-width: 4px;
     border-radius: 50%;
     -webkit-animation: spin .8s linear infinite;
     animation: spin .8s linear infinite;
 }