/* Стиль для десктопов и планшетов */
.topleft .tn-atom { border-radius: 20px 2px 2px 2px; }
.topright .tn-atom { border-radius: 2px 20px 2px 2px; }
.botleft .tn-atom { border-radius: 2px 2px 2px 20px; }
.botright .tn-atom { border-radius: 2px 2px 20px 2px; }
.button .tn-atom { border-radius: 10px 2px 10px 2px; }
.shop .tn-atom { border-radius: 10px 10px 0px 0px; }
.video .tn-atom { border-radius: 20px }
.button-top-screen .tn-atom { border-radius: 10px 2px 10px 2px; }

/* Стиль для мобильных устройств */
@media only screen and (max-width: 480px) {
  .topleft .tn-atom { border-radius: 10px 2px 2px 2px; }
  .topright .tn-atom { border-radius: 2px 10px 2px 2px; }
  .botleft .tn-atom { border-radius: 2px; }
  .botright .tn-atom { border-radius: 2px 10px 10px 2px; }
  .video .tn-atom { border-radius: 10px }
  .button-top-screen .tn-atom { border-radius: 0px 0px 0px 0px; }
}

/* Стиль для анимации кнопки */
.button-top-screen {
  position: relative;
}

.button-top-screen::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.5);
  transition: opacity 0.3s ease-in-out;
}

.button-top-screen:hover::before {
  opacity: 1;
}