.highlight-box { position: relative; display: inline-block; padding: 0.01em 0.08em 0.01em 0.01em; z-index: 1; vertical-align: baseline;  color: #fff; }  .highlight-box::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 0%;  z-index: -1;  background-color: var(--new-violett); }  .highlight-box.violet::before { background-color: var(--new-violett); }  .highlight-box.violet.is-visible { color: #ffffff;  transition: color 0.4s ease-in-out 0.4s; }  .highlight-box.is-visible::before { animation: slideInBackground 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;  animation-delay: 0.15s; }  @keyframes slideInBackground { from { width: 0%; } to { width: 100%; } }  .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; }