.video-pagination-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
	width: 100%;
}

.video-pagination-container {
  display: inline-flex;
  border-radius: 5px;
  overflow: hidden;
}

.video-pagination-container a {
  color: black !important;
  padding: 8px 16px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-right: none;
  background-color: #f1f1f1;
	margin-right: 10px;
  transition: background-color 0.3s ease-in-out;
}

.video-pagination-container a:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.video-pagination-container a:last-child {
  border-right: 1px solid #ddd;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.video-pagination-container a.active {
  background-color: #4caf50;
  color: white;
  border: none;
}

.video-pagination-container a:hover:not(.active) {
  background-color: #22a0e1;
}

.videos-table tr {
  display: none;
}

.videos-table tr.active {
  display: revert;
}