.scroll-button {
	position: absolute;
	transform: translateY(0%);
	background-color: rgba(38, 39, 76, 0.7);
	color: white;
	border: none;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 10;
	transition: background-color 0.3s ease;
	display: flex;
	justify-content: center;
	align-items: center;
}
/* .ping-100vw{
	width:100vw !important;
	max-width:100vw !important;
} */

.scroll-button svg {
	width: 30px;
	/* Set SVG icon width */
	height: 40px;
	/* Set SVG icon height */
	fill: #5271FF;
	/* Fill color for the SVG */
}

.scroll-button:hover {
	background-color: rgba(38, 39, 76, 1);
	/* Darker color on hover */
}

.scroll-button.left {
	left: 10px;
	/* Position on the left edge */
	background-color: unset;
	border: none;
}

.scroll-button.right {
	right: 0;
	/* Position on the right edge */
	background-color: unset;
	border: none;
}/* Prevent pointer events on all links within the items while dragging */

.scroll-container::after{
	content: '';
	width: min(max(60px, 13vw), 150px);
    height: 480px;
    background: rgb(255 255 255);
    background: linear-gradient(90deg, rgba(255, 255, 256, 0) 0%, rgba(255, 255, 255, 0.05) 20%, rgba(255, 255, 254, .9) 100%);
    position: absolute;
    top: -25px;
    right: -12px;
	z-index: 1;
	pointer-events: none;
}

/* adjustments for dashboard */

.ping_dashboard_wrapper .scroll-container::after{
	top: 75px;
}

.ping_dashboard_wrapper .scroll-button.left, .ping_dashboard_wrapper .scroll-button.right{
    top: 290px;
}
.learndash-course-grid .items-wrapper.ping_skin a {
    -webkit-user-drag: none;  /* Disable dragging on WebKit-based browsers */
    user-drag: none;          /* Standard property for other browsers */
}