/* Static styles for Scroll to Top Button */
.scroll-to-top-btn-36fdd766 {
	position: fixed;
	bottom: 30px;
	left: var(--stt-left);
	right: var(--stt-right);
	width: var(--stt-size);
	height: var(--stt-size);
	background-color: var(--stt-bg-color);
	color: var(--stt-icon-color);
	border: none;
	border-radius: var(--stt-radius);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99999;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s, background-color 0.3s, color 0.3s, transform 0.3s;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
	padding: 0;
}

.scroll-to-top-btn-36fdd766 svg {
	width: var(--stt-icon-size);
	height: var(--stt-icon-size);
	transition: fill 0.3s;
}

.scroll-to-top-btn-36fdd766:hover {
	background-color: var(--stt-bg-hover);
	color: var(--stt-icon-hover);
	transform: translateY(-3px);
}

/* Animations when showing */
.scroll-to-top-btn-36fdd766.visible {
	opacity: 1;
	visibility: visible;
}

/* Slide in animation details */
.scroll-to-top-btn-36fdd766.anim-slide-in {
	transform: translateY(50px);
}
.scroll-to-top-btn-36fdd766.anim-slide-in.visible {
	transform: translateY(0);
}
.scroll-to-top-btn-36fdd766.anim-slide-in:hover {
	transform: translateY(-3px);
}

/* Handling WordPress admin bar offset */
body.admin-bar .scroll-to-top-btn-36fdd766 {
	/* Avoid overlaps if fixed at top, but this is fixed at bottom, so standard is fine. Just in case. */
}