/*!
 * WX Scroll To Up Plugin - Scroll Button Styles
 * ---------------------------------------------------
 * Styles for the scroll-to-top button including:
 * - Button positioning and appearance
 * - Progress circle and SVG styling
 * - Icon font handling (flaticon)
 * - Show/hide transitions
 * - Support for custom SVG icons
 *
 * Author: Wooprex
 * Website: https://wooprex.com
 * License: GPLv2 or later
 */

#wstp-scroll-up {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	padding: 0;
	cursor: pointer;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}
#wstp-scroll-up i[class^="flaticon-"]:before,
i[class*=" flaticon-"]:before {
	font-family: "flaticon_scrolltoup" !important;
}
#wstp-scroll-up .progress-circle {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#wstp-scroll-up .progress-circle .progress-svg {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
#wstp-scroll-up .progress-circle .progress-svg .progress-background {
	fill: none;
	stroke: transparent;
	stroke-width: 4;
}
#wstp-scroll-up .progress-circle .progress-svg .progress-bar {
	fill: none;
	stroke-width: 8px;
	transform: translate(0px, 0px);
	transition: stroke-dashoffset 0.3s ease;
}
#wstp-scroll-up .progress-circle .font {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 20px;
	display: flex;
}
#wstp-scroll-up .progress-circle .font i {
	line-height: 0px;
}
#wstp-scroll-up.show {
	opacity: 1;
	visibility: visible;
}

#wstp-scroll-up .custom_svg_icon {
	width: 100% !important;
}