.ped-totop { position: fixed; right: 10px; bottom: var(--ped-totop-bottom, 10px); z-index: 99985; display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; border-radius: 50%; background: #666666; opacity: 0; transition: opacity .3s, bottom .2s, filter .2s; line-height: 0; text-decoration: none; }
.ped-totop:hover { filter: brightness(1.15); }
.ped-totop.is-shown { opacity: 1; }
.ped-totop[hidden] { display: none; }

.ped-totop svg { display: block; margin-top: -2px; }
.ped-totop:focus-visible { outline: 3px solid #ed8b00; outline-offset: 2px; border-radius: 50%; }