table-wrapper {
  display: block;
  width: 100%;
  margin: 2rem 0;
  border-radius: 0.75rem;
  border: 1px var(--petrol-blue-50) solid;
  overflow-x: scroll;
  @media (min-width: 993px) {
    overflow-x: hidden;
  }
  table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    >thead {
      background: var(--info-100);
      >tr {
      border-top: none;
    }
    }
    >tbody {
      background: var(--gray-25);
      >tr {
        &:last-child {
          border-bottom: none;
        }
        &:hover {
          background: var(--gray-100);
        }
      }
    }
    tr {
      border-top: 1px var(--petrol-blue-50) solid;
      border-bottom: 1px var(--petrol-blue-50) solid;
    }
    th{
      padding: 1rem;
      text-wrap: nowrap;
    }
    td {
      padding: 1rem;
      text-wrap: nowrap;
      &:first-child {
        font-weight: 700;
        >text-with-svg {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 0.25rem;
          >p {
            margin: 0;
          }
        }
      }
    }
  }
}