STY - TEST GM - Scroll Saver

/* TEST GM - Scroll Saver
https://greasyfork.org/fr/scripts/552727-scroll-saver
=== */


/* ALL */
html:has(#scroll-jump-btn)  button[style="position: fixed; bottom: 20px; right: 100px; z-index: 9999; padding: 8px 12px; font-size: 14px; background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); border: medium; border-radius: 6px; cursor: pointer; opacity: 1;"] ,
html:has(#scroll-jump-btn)  button[style="position: fixed; bottom: 20px; right: 100px; z-index: 9999; padding: 8px 12px; font-size: 14px; background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); border: medium; border-radius: 6px; cursor: pointer; opacity: 0.6;"] ,

#scroll-jump-btn ,
#scroll-show-height  {
    position: fixed !important;
    right: -20% !important;
    bottom: -18vh !important;
    padding: 0px 0px !important;
    font-size: 0px !important;
}

/* 📌 SAVE */
#scroll-show-height:before  {
    content: "📌" !important;
    position: fixed !important;
    bottom: 0vh !important;
    right: 4.5% !important;
    height: 2vh !important;
    line-height: 2vh !important;
    margin: 0px 0 0px 0px !important;
    padding: 0px 5px !important;
    font-size: 15px !important;
    border-radius: 5px 5px 0 0 !important;
    background: green ;
}
#scroll-show-height  {
    width: auto !important;
    height: 2vh !important;
    line-height: 2vh !important;
    bottom:  0 !important;
    padding: 0px 0px !important;
    font-size: 0px !important;
    background: green ;
}
#scroll-show-height:hover:after  {
    content: "📌 save" !important;
    position: fixed !important;
    height: 2vh !important;
    line-height: 1.8vh !important;
    bottom: 2.2vh !important;
    right: 0% !important;
    margin: 0vh 0 0px 0px !important;
    padding: 0px 5px !important;
    font-size: 15px !important;
    border-radius: 5px !important;
    background: red ;
}


/* ꜛꜜ JUMP TO */
#scroll-jump-btn:before  {
    content: "ꜛꜜ" !important;
    position: fixed !important;
    bottom: 0vh !important;
    right: 2.2% !important;
    height: 2vh !important;
    line-height: 4.5vh !important;
    margin: 0px 0 0px 0px !important;
    padding: 0px 5px !important;
    font-size: 32px !important;
    border-radius: 5px 5px 0 0 !important;
    background: green ;
}
#scroll-show-height  {
    width: auto !important;
    height: auto !important;
    line-height: 2vh !important;
    bottom:  0 !important;
    padding: 0px 0px !important;
    font-size: 0px !important;
    background: green ;
}
/* HOVER */
#scroll-jump-btn:hover:after  {
    content: "⏏ Jump to" !important;
    position: fixed !important;
    height: 2vh !important;
    line-height: 1.8vh !important;
    bottom: 2.2vh !important;
    right: 0% !important;
    margin: 0vh 0 0px 0px !important;
    padding: 0px 5px !important;
    font-size: 15px !important;
    border-radius: 5px !important;
    background: green ;
}

/* ❌ CLEAR */
html:has(#scroll-jump-btn)  button[style="position: fixed; bottom: 20px; right: 100px; z-index: 9999; padding: 8px 12px; font-size: 14px; background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); border: medium; border-radius: 6px; cursor: pointer; opacity: 1;"]:before ,
html:has(#scroll-jump-btn)  button[style="position: fixed; bottom: 20px; right: 100px; z-index: 9999; padding: 8px 12px; font-size: 14px; background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); border: medium; border-radius: 6px; cursor: pointer; opacity: 0.6;"]:before {
    content: "❌" !important;
    position: fixed !important;
    bottom: 0vh !important;
    right: 0% !important;
    margin: 0 0 0px 0px !important;
    padding: 0px 5px !important;
    font-size: 15px !important;
    border-radius: 5px 5px 0 0 !important;
    background: green ;
}
html:has(#scroll-jump-btn)  button[style="position: fixed; bottom: 20px; right: 100px; z-index: 9999; padding: 8px 12px; font-size: 14px; background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); border: medium; border-radius: 6px; cursor: pointer; opacity: 1;"] ,
html:has(#scroll-jump-btn)  button[style="position: fixed; bottom: 20px; right: 100px; z-index: 9999; padding: 8px 12px; font-size: 14px; background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); border: medium; border-radius: 6px; cursor: pointer; opacity: 0.6;"] {
    width: auto !important;
    height: auto !important;
    line-height: 2vh !important;
    bottom:  0 !important;
    padding: 0px 0px !important;
    font-size: 0px !important;
background: green
}

/* HOVER */
html:has(#scroll-jump-btn)  button[style="position: fixed; bottom: 20px; right: 100px; z-index: 9999; padding: 8px 12px; font-size: 14px; background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); border: medium; border-radius: 6px; cursor: pointer; opacity: 1;"]:after  {
    content: "❌ clear" !important;
    position: fixed !important;
    bottom: 2.2vh !important;
    right: 0% !important;
    margin: 0vh 0 0px 0px !important;
    padding: 0px 5px !important;
    font-size: 15px !important;
    border-radius: 5px !important;
    background: green ;
}