#btnProximo.disabled {
  pointer-events: none; /* This property prevents the button from receiving any pointer events */
  opacity: 0.6; /* You can adjust the opacity to make the button appear disabled */
  cursor: not-allowed;
}

.button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  /* Make the container take full height of the parent */
  margin-bottom: 10px;
}

.plyr__control--overlaid svg {
  width: 100px; /* Adjust the width as needed */
  height: 100px; /* Adjust the height as needed */
  margin-left: 10px;
}

/* Common styles for all divs */
#div1,
#div2,
#div3,
#div4,
#div5,
#div6,
#div7,
#div8,
#div9,
#div10,
#div11,
#div12,
#div13,
#div14,
#div15,
#div16,
#div17,
#div18,
#div19,
#div20,
#div21,
#div22,
#div23,
#div24,
#div25,
#div26,
#div27,
#div28,
#div29,
#div30,
#div31,
#div32,
#div33 {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
  padding: 0;
}

/* Styles for showing divs */
#div1.show,
#div2.show,
#div3.show,
#div4.show,
#div5.show,
#div6.show,
#div7.show,
#div8.show,
#div9.show,
#div10.show,
#div11.show,
#div12.show,
#div13.show,
#div14.show,
#div15.show,
#div16.show,
#div17.show,
#div18.show,
#div19.show,
#div20.show,
#div21.show,
#div22.show,
#div23.show,
#div24.show,
#div25.show,
#div26.show,
#div27.show,
#div28.show,
#div29.show,
#div30.show,
#div31.show,
#div32.show,
#div33.show {
  animation: fadeInOut 0.5s;
  max-height: 800px;
  padding: 10px;
}

.plyr__video-embed#player {
  width: 100%;
  height: 100%;
}

/* Styles for hiding divs */
#div1.hide,
#div2.hide,
#div3.hide,
#div4.hide,
#div5.hide,
#div6.hide,
#div7.hide,
#div8.hide,
#div9.hide,
#div10.hide,
#div11.hide,
#div12.hide,
#div13.hide,
#div14.hide,
#div15.hide,
#div16.hide,
#div17.hide,
#div18.hide,
#div19.hide,
#div20.hide,
#div21.hide,
#div22.hide,
#div23.hide,
#div24.hide,
#div25.hide,
#div26.hide,
#div27.hide,
#div28.hide,
#div29.hide,
#div30.hide,
#div31.hide,
#div32.hide,
#div33.hide {
  animation: fadeOut 0.5s;
  max-height: 0;
  padding: 0;
}

.container-video {
  padding: 0 1.5rem;
  margin-bottom: 1.5rem;
  overflow: hidden;
  transition: height 0.5s ease-out; /* Transition for height */
}

/* Class for showing the video */
.container-video.show {
  height: 60%; /* Adjust the height based on your content */
  transition: height 0.5s ease-out;
  animation: fadeInOut 0.5s;
}

/* Optional: Styling for when the container is hidden */
.container-video.hide {
  height: 0;
  transition: height 0.5s ease-in;
  animation: fadeOut 0.5s;
}

#player {
  border-radius: 30px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding-bottom: 0%;
  width: 100%;
  height: 100%;
  margin: 0;
}

.plyr__video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  #btnRevisar {
    display: block;
    margin-top: 50px;
    float: right;
    position: absolute;
  }
  #btnSalvar {
    margin-top: -75px;
  }
  .actions {
    height: 150px;
  }
}
@keyframes fadeInOut {
  0% {
    max-height: 0;
    opacity: 0;
  }
  50% {
    max-height: 800px;
    opacity: 0.5;
  }
  100% {
    max-height: 800px;
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    max-height: 800px;
    opacity: 1;
  }
  50% {
    max-height: 400px;
    opacity: 0.5;
  }
  100% {
    max-height: 0;
    opacity: 0;
  }
}