/* General body styling */
body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  overflow: hidden; /* Hide scrollbars */
}

/* Video container */
.video-container {
  position: relative;
  width: 100%;
  height: 100vh;
}

video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Button styling */
.btn {
  position: absolute;
  bottom: 20px; /* Position it at the bottom of the video */
  left: 50%;
  transform: translateX(-50%);
  padding: 15px 30px;
  background-color: #ffc107;
  color: white;
  text-decoration: none;
  font-size: 1.2rem;
  border-radius: 5px;
  opacity: 0; /* Initially hide the button */
  visibility: hidden; /* Initially hide the button */
  transition: opacity 1s ease-in-out, visibility 1s ease-in-out;
}

.btn:hover {
  background-color: #ffc107;
}