.pxg-club-table-scroll-container {
  position: relative;
}
.pxg-club-table-scroll-container::after,
.pxg-club-table-scroll-container::before {
  content: "";
  position: absolute;
  top: 0;
  width: 30px;
  height: 100%;
  pointer-events: none;
  transition: opacity 0.3s ease;
  opacity: 0;
}
.pxg-club-table-scroll-container::after {
  right: 0;
  background: linear-gradient(to left, rgba(0,0,0,0.8), transparent);
}
.pxg-club-table-scroll-container::before {
  left: 0;
  background: linear-gradient(to right, rgba(0,0,0,0.8), transparent);
}

.pxg-club-table-scroll-container.has-right-overflow::after {
  opacity: 1;
}

.pxg-club-table-scroll-container.has-left-overflow::before {
  opacity: 1;
}