.rounded-table {
    border-collapse: separate;
    background-color:#FFFFFF;
    padding: 2rem;
    border-spacing: 0;
    border-radius: 8px;
    overflow: hidden; /* To ensure the border radius clips the content */
  }

  .rounded-table th,
  .rounded-table td {
    border-bottom-width: 0; /* Optional: removes the inner borders */
  }

  /* If you want to round only specific corners (e.g., top left and top right) */
  .rounded-table thead tr:first-child th:first-child {
    border-top-left-radius: 8px;
  }

  .rounded-table thead tr:first-child th:last-child {
    border-top-right-radius: 8px;
  }

  /* Adjust the bottom corners if your table doesn't have a footer */
  .rounded-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
  }

  .rounded-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
  }