.check-btn {
    position: relative;
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border: none;
    cursor: pointer;
    overflow: hidden;
   }
   
   .check-btn.loading_check {
    text-indent: -9999px; /* Hide the text */
    pointer-events: none;
   }
   
   .check-btn.loading_check::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 2px solid white;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spinloader 1s linear infinite;
   }
   
   @keyframes spinloader {
    to {
       transform: translate(-50%, -50%) rotate(360deg);
    }
   }

   .loadingOverlay {
      background-color: rgb(255 255 255 / 50%) !important;
     }
     
     .loadingOverlay::before {
          position: fixed;
     }