.table thead {
  border-bottom: 3px solid var(--bs-primary);
}

.table tbody tr:hover {
  background-color: var(--bs-light);
  transition: background-color 0.25s ease;
}

.table td,
.table th {
  vertical-align: middle;
}

a.text-info:hover {
  text-decoration: underline;
}

@media (max-width: 678px) {
  table tbody tr td,
  table thead tr th {
    display: block;
    width: 100%;
  }

  table thead {
    display: none;
  }

  table tr {
    margin-bottom: 1em;
  }
}