table {
  border-collapse: collapse;
  font-size: 0.8rem;
  table-layout: fixed;
  width: 100%;

  a {
    padding: 0 !important;
  }

  th,
  td {
    padding: 20px 0;

    &:first-child {
      padding: 20px 10px;
    }

    &:last-child {
      padding: 20px 10px;
    }

    & .flexible-cell {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }
  }

  thead {
    tr {
      th {
        border-bottom: 1px solid var(--color-border);
        text-align: left;
      }
    }
  }

  tbody {
    tr {
      /* &:hover {
        background: #f8f8f8;
      } */

      &:first-child {
        td {
          border-top: 1px solid var(--color-border);
        }
      }

      td {
        border-bottom: 1px solid var(--color-border);
        text-align: left;
      }
    }
  }
}