/**
 * Scroll to Top Widget Styles
 *
 * @package UXD_Elementor_Widgets
 * @since 1.9.1
 */

.uxdwfe-scroll-to-top {
	position: fixed;
	width: 50px;
	height: 50px;
	background: #667eea;
	color: #ffffff;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
}

.uxdwfe-scroll-to-top.show {
	opacity: 1;
	visibility: visible;
}

.uxdwfe-scroll-to-top:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);
}

.uxdwfe-scroll-to-top i,
.uxdwfe-scroll-to-top svg {
	font-size: 20px;
	width: 20px;
	height: 20px;
}

/* Position Classes */
.uxdwfe-scroll-to-top.position-bottom-right {
	bottom: 30px;
	right: 30px;
}

.uxdwfe-scroll-to-top.position-bottom-left {
	bottom: 30px;
	left: 30px;
}

.uxdwfe-scroll-to-top.position-top-right {
	top: 30px;
	right: 30px;
}

.uxdwfe-scroll-to-top.position-top-left {
	top: 30px;
	left: 30px;
}