<style>
.scroll-wrapper {
  height: 100%;
  overflow: hidden;
  position: relative;
}

.scroll-content {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 100%;
}

.scroll-content.paused {
  animation-play-state: paused !important;
}

.full-text {
  display: inline;
}

.icon-text {
  display: none;
  font-size: 1rem;
  vertical-align: middle;
}

@media (max-width: 576px) {
  .full-text {
    display: none;
  }

  .icon-text {
    display: inline;
  }

  .responsive-pagination ul.pagination {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 5px;
  }

  .responsive-pagination ul.pagination li {
    flex: 0 0 auto;
  }

  .responsive-pagination ul.pagination li a {
    padding: 6px 10px;
    font-size: 14px;
    white-space: nowrap;
  }
}
</style>