.navigation{position:fixed;top:50%;right:61px;transform:translateY(-50%);z-index:999}.navigation__list{display:flex;flex-direction:column;gap:30px;list-style:none;margin:0;padding:0}.navigation__link{display:block;width:20px;height:20px;border-radius:50%;background-color:var(--color-gray);transition:background-color .3s,transform .3s;text-decoration:none}.navigation__link:hover{background-color:var(--color-primary)}.navigation__link--active{background:var(--color-primary)}@media (max-width: 480px){.navigation{display:none}}