.settings-users-row {
      cursor: pointer;
      transition: background .14s ease;
    }
    .settings-users-row:hover {
      background: #f8fafc;
    }
    .settings-users-edit-btn {
      width: 44px;
      height: 44px;
      min-width: 44px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      border-radius: 999px;
    }

    @media (max-width: 680px) {
      .settings-users-table thead {
        display: none;
      }

      .settings-users-table,
      .settings-users-table tbody,
      .settings-users-table tr,
      .settings-users-table td {
        display: block;
        width: 100%;
      }

      .settings-users-table tr {
        padding: .8rem;
        border-bottom: 1px solid #eef2f7;
      }

      .settings-users-table td {
        border-bottom: 0;
        padding: .3rem 0;
        text-align: left !important;
        overflow-wrap: anywhere;
      }

      .settings-users-table td::before {
        content: attr(data-label);
        display: block;
        margin-bottom: .1rem;
        color: #94a3b8;
        font-size: .68rem;
        font-weight: 800;
        letter-spacing: .06em;
        text-transform: uppercase;
      }

      .settings-users-edit-btn {
        width: 100%;
        border-radius: .75rem;
      }
    }