Schneller „Back-to-top-Button“ mit Smooth Scrolling

body,
html {
    scroll-behavior: smooth;
}


   <a class="to-top" href="#"></a>  (Als html in Elementor rein...)


.to-top {
    background-image: url(/fileadmin/images/to-top.svg);
    background-position: center center;
    border-radius: 50px;
    background-color: #3adab2;
    padding: 10px;
    background-repeat: no-repeat;
    background-size: 25px;
    height: 50px;
    width: 50px;
    position: fixed;
    bottom: 100px;
    right: 100px;
    -webkit-box-shadow: 0px -1px 18px 5px rgba(0, 0, 0, 0.22);
    box-shadow: 0px -1px 18px 5px rgba(0, 0, 0, 0.22);
    opacity:0.7;
    z-index:2000;
}
.to-top:hover{
    opacity: 1;
}