/* Sticky button for mobile devices with animation */
@media screen and (max-width: 768px) {
  .premium_video_register_button {
    position: fixed;
    bottom: 60px; /* Adjust based on bottom navigation height */
    left: 0;
    right: 0;
    width: 90%;
    margin: 0 auto;
    z-index: 999;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    animation: pulseEffect 2s infinite;
    transform-origin: center;
  }
  
  /* Button animation */
  @keyframes pulseEffect {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.03);
    }
    100% {
      transform: scale(1);
    }
  }
  
  /* Responsive hover effect */
  .premium_video_register_button:active {
    transform: scale(0.95);
    background-color: #0056b3; /* Darker shade when pressed */
  }
  
  /* Make button adapt to different screen sizes */
  @media screen and (max-width: 480px) {
    .premium_video_register_button {
      width: 94%;
      font-size: 0.95em;
      padding: 12px;
    }
  }
  
  @media screen and (max-width: 320px) {
    .premium_video_register_button {
      width: 96%;
      font-size: 0.9em;
      padding: 10px;
    }
  }
}

/* hide bottom navigation on desktop devices and show in mobile nad tablet devices */
@media screen and (min-width: 768px) {
  .appBottomMenu {
    display: none;
  }
}