#wpbody-content{
  .wps-loading-button , .wps-wrap .wps-loading-button ,  .wps-wrap .wps-loading-button:focus{
    pointer-events: none;
    background: #F1F1F9!important;
    border-color:transparent!important;
    color: transparent !important;
    position: relative;
    box-shadow: none !important;
    user-select: none !important;
    outline: none !important;

    &:after {
      content: "";
      display: inline-block;
      animation: wps-spin 5s infinite;
      background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNjQxNzUgMi45NTM3OEM0LjgxMDQxIDEuOTQzMjggNi4zMzM4NCAxLjMzMjAzIDguMDAwMDQgMS4zMzIwM0MxMS42ODE5IDEuMzMyMDMgMTQuNjY2NyA0LjMxNjggMTQuNjY2NyA3Ljk5ODdDMTQuNjY2NyA5LjQyMjc2IDE0LjIyMDIgMTAuNzQyNiAxMy40NTk1IDExLjgyNThMMTEuMzMzNCA3Ljk5ODdIMTMuMzMzNEMxMy4zMzM0IDUuMDUzMTggMTAuOTQ1NiAyLjY2NTM2IDguMDAwMDQgMi42NjUzNkM2LjU2NjU5IDIuNjY1MzYgNS4yNjUyMiAzLjIzMDg4IDQuMzA2ODYgNC4xNTA5OEwzLjY0MTc1IDIuOTUzNzhaTTEyLjM1ODMgMTMuMDQzNkMxMS4xODk2IDE0LjA1NDEgOS42NjYyNCAxNC42NjU0IDguMDAwMDQgMTQuNjY1NEM0LjMxODE0IDE0LjY2NTQgMS4zMzMzNyAxMS42ODA2IDEuMzMzMzcgNy45OTg3QzEuMzMzMzcgNi41NzQ2IDEuNzc5OSA1LjI1NDggMi41NDA1NyA0LjE3MTY2TDQuNjY2NzEgNy45OTg3SDIuNjY2NzFDMi42NjY3MSAxMC45NDQyIDUuMDU0NTIgMTMuMzMyIDguMDAwMDQgMTMuMzMyQzkuNDMzNTEgMTMuMzMyIDEwLjczNDggMTIuNzY2NSAxMS42OTMyIDExLjg0NjRMMTIuMzU4MyAxMy4wNDM2WiIgZmlsbD0iI0IyQjJDRiIvPgo8L3N2Zz4K) center center no-repeat !important;
      position: absolute;
      width: 100%;
      height: 100%;
      background-size: 16px !important;
      left: 0;
      top: 0;

      .rtl & {
        transform: none;
      }
    }
  }
}
.wps-wrap__main , .wps-wrap__main table tbody tr td ,.wps-wrap.wp-statistics-settings  {
  .wps-button , a.wps-button {
    font-weight: 400;
    font-size: 13px;
    line-height: 15.23px;
    border-radius: 4px;
    border-width: 1px;
    padding: 12px 16px;
    gap: 8px;

    &--outline-danger {
      color: #D5201C;
      border: 1px solid #D5201C;
      background: transparent;

      &:hover {
        background: #D5201C1A;
        color: #D5201C;
      }

      &:focus, &:active {
        background: #BD17134D;
        color: #D5201C;
      }

      &:disabled, &:focus:disabled, &:active:disabled, &:hover:disabled {
        background: #D5201C1A;
        border: 1px solid #D5201C1A;
        color: #D5201D80;
      }
    }

    &--default {
      color: #0C0C0D;
      border: 1px solid #C3C9D5;
      background: #F6F6FF;

      &:hover {
        background: #FFFFFF;
        border: 1px solid #BCC2CD;
        color: #0C0C0D;
      }

      &:focus, &:active {
        background: #E9E9FF;
        border: 1px solid #BCC2CD;
        color: #0C0C0D;
      }

      &:disabled, &:focus:disabled, &:active:disabled, &:hover:disabled {
        background: #F1F1F9;
        border: 1px solid #F1F1F9;
        color: #B2B2CF;
      }
    }

    &--primary {
      color: #fff;
      border: 1px solid #404BF2;
      background: #404BF2;


      &:hover {
        background: #7981F6;
        color: #fff;
        border: 1px solid #7981F6
      }

      &:focus, &:active {
        background: #5100FD;
        color: #fff;
        border: 1px solid #5100FD;
      }

      &:disabled, &:focus:disabled, &:active:disabled, &:hover:disabled {
        background: #C6C9FB;
        color: #fff;
        border: 1px solid #C6C9FB;
      }
    }

    &-danger {
      color: #fff;
      border: 1px solid #D5201C;
      background: #D5201C;


      &:hover {
        background: #D5201CE5;
        color: #fff;
        border: 1px solid #D5201CE5
      }

      &:focus, &:active {
        background: #BD1713;
        color: #fff;
        border: 1px solid #BD1713;
      }

      &:disabled, &:focus:disabled, &:active:disabled, &:hover:disabled {
        background: #F1F1F9;
        color: #B2B2CF;
        border: 1px solid #F1F1F9;
      }
    }

  }
}