.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }  @view-transition { navigation: auto; }  .back-to-top-btn {  position: fixed; bottom: 30px; right: 30px; z-index: 99;  background-color: #ffffff; color: var(--new-violett);  width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); border: none;  opacity: 0; transform: scale(.8); visibility: hidden; pointer-events: none; transition: opacity .3s ease, transform .3s ease, visibility 0s linear .3s; }  .back-to-top-btn.is-visible { opacity: 1; transform: scale(1); visibility: visible; pointer-events: auto; transition: opacity .3s ease, transform .3s ease; }  .back-to-top-btn:hover { background-color: #f8f8f8; transform: translateY(-3px) scale(1.05); }  .back-to-top-btn:focus-visible { outline: 3px solid var(--secondary, #000); outline-offset: 4px; }