.preloader-button {
      position: relative;
    
    }

   

    .preloader-button:disabled {
      background-color: #bdc3c7;
      cursor: not-allowed;
    }

    .preloader-button:disabled::after {
      content: '';
      width: 30px;
      height: 30px;
      border: 4px solid #f3f3f3;
      border-top: 4px solid #3498db;
      border-radius: 50%;
      animation: spin 1s linear infinite;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -15px;
      margin-left: -15px;
    }

    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }