#wpfront-scroll-top-container{position:fixed;cursor:pointer;z-index:9999;border:none;outline:none;background-color:rgba(0,0,0,0);box-shadow:none;outline-style:none;text-decoration:none;opacity:0;display:none;align-items:center;justify-content:center;margin:0;padding:0}#wpfront-scroll-top-container.show{display:flex;opacity:1}#wpfront-scroll-top-container .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#wpfront-scroll-top-container .text-holder{padding:3px 10px;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:4px 4px 5px 0px rgba(50,50,50,.5);-moz-box-shadow:4px 4px 5px 0px rgba(50,50,50,.5);box-shadow:4px 4px 5px 0px rgba(50,50,50,.5)}#wpfront-scroll-top-container{right:20px;bottom:20px;}#wpfront-scroll-top-container img{width:auto;height:auto;}#wpfront-scroll-top-container .text-holder{color:#FFFFFF;background-color:#000000;width:auto;height:auto;;}#wpfront-scroll-top-container .text-holder:hover{background-color:#000000;}#wpfront-scroll-top-container i{color:#000000;}#wpfront-scroll-top-container{background-color:transparent !important;/* Makes background transparent */ border-radius:50% !important;/* Keeps circular shape */ box-shadow:none !important;/* Removes any default shadow */}#wpfront-scroll-top{color:#ffffff !important;/* Icon color */ font-size:20px !important;/* Icon size */}#wpfront-scroll-top:hover{background-color:#473a30 !important;/* Hover background color */ color:#ffffff !important;/* Hover icon color */ border-radius:50% !important;/* Ensures circle shape stays on hover */ box-shadow:0 4px 10px rgba(0,0,0,0.3) !important;/* Optional:elegant shadow on hover */ }