.scroll-to-top-btn-e7af91fa {
	position: fixed;
	bottom: 30px;
	width: var(--stt-size, 50px);
	height: var(--stt-size, 50px);
	background-color: var(--stt-bg, #0073aa);
	color: var(--stt-color, #ffffff);
	border: none;
	padding: 0;
	cursor: pointer;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 10px rgba(0,0,0,0.15);
	transition: background-color 0.3s, color 0.3s, opacity 0.3s, transform 0.3s, visibility 0.3s;
	opacity: 0;
	visibility: hidden;
}

.scroll-to-top-btn-e7af91fa:hover {
	background-color: var(--stt-bg-hover, #005177);
	color: var(--stt-color-hover, #ffffff);
}

/* Positions */
.scroll-to-top-btn-e7af91fa.pos-bottom-right {
	right: 30px;
}
.scroll-to-top-btn-e7af91fa.pos-bottom-left {
	left: 30px;
}

/* Shapes */
.scroll-to-top-btn-e7af91fa.shape-circle {
	border-radius: 50%;
}
.scroll-to-top-btn-e7af91fa.shape-square {
	border-radius: 4px;
}
.scroll-to-top-btn-e7af91fa.shape-custom {
	border-radius: var(--stt-radius, 8px);
}

/* Animations & Active states */
.scroll-to-top-btn-e7af91fa.anim-fade.visible-stt-e7af91fa {
	opacity: 1;
	visibility: visible;
}

.scroll-to-top-btn-e7af91fa.anim-slide {
	transform: translateY(100px);
}
.scroll-to-top-btn-e7af91fa.anim-slide.visible-stt-e7af91fa {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* SVG Styling */
.stt-icon-container-e7af91fa {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
	height: 50%;
}
.stt-icon-container-e7af91fa svg {
	width: 100%;
	height: 100%;
	fill: currentColor;
}

/* Mobile Visibility */
@media screen and (max-width: 768px) {
	.scroll-to-top-btn-e7af91fa.hide-on-mobile-e7af91fa {
		display: none !important;
	}
}