.scroll-top-button {
position: fixed;
bottom: 20px;
right: 20px;
background-color: #1d81b3;
color: white;
width: 40px;
height: 40px;
border-radius: 50%;
text-align: center;
line-height: 40px;
font-size: 20px;
text-decoration: none;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
opacity: 0.7;
transition: opacity 0.3s;
}

.scroll-top-button:hover {
opacity: 1;
}


.btn-next {
width: 50px;       /* Ширина кнопки */
  height: 50px;      /* Высота кнопки должна быть равна ширине */
  border-radius: 50%; /* Делает форму круглой */
  background-color: #1d81b3; /* Цвет фона */
  color: white;      /* Цвет текста или иконки */
  border: none;      /* Убираем стандартную рамку */
  font-size: 20px;   /* Размер текста */
  cursor: pointer;   /* Курсор-указатель при наведении */
  display: flex;     /* Выравнивание содержимого по центру */
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.btn-next:hover {
    text-decoration: none;
  background-color: #050262;
}