/* Céu */
  .__plane_sky {
      position: absolute;
      inset: 0;
      background:
          radial-gradient(circle at 15% 25%, rgba(255, 255, 255, 0.12) 0%, transparent 40%),
          radial-gradient(circle at 85% 35%, rgba(255, 255, 255, 0.08) 0%, transparent 50%);
  }








  .__plane_clouds_3 {
      position: absolute;
      inset: 0;
      top: 80%;
      background-image:
          url('/Assets/Imagens/Estrutural/application/cloudy.png'),
          url('/Assets/Imagens/Estrutural/application/cloudy.png'),
          url('/Assets/Imagens/Estrutural/application/cloudy.png');
      background-repeat: repeat-x;
      background-size: 100px;
      background-position: 0 20%, 60%, 70% 15%;
      animation: __plane_moveClouds 20s linear infinite;
  }





  /* Avião */
  .__plane_plane {
      position: absolute;
      top: 30%;
      left: 15%;
      width: 200px;
      height: 300px;
      background-image: url('/Assets/Imagens/Estrutural/application/airplane.png');
      background-repeat: no-repeat;
      background-size: contain;
      z-index: 10;
      pointer-events: auto;
  }

  /* vento */
  .__plane_plane::before {
      content: "";
      position: absolute;
      left: -120px;
      top: 50%;
      transform: translateY(-50%);

      width: 100px;
      height: 4px;

      background: linear-gradient(to right,
              transparent,
              rgba(255, 255, 255, 0.9),
              transparent);

      filter: blur(1px);
      animation: __plane_wind 0.6s linear infinite;
  }

  /* linhas extras */
  .__plane_plane::after {
      content: "";
      position: absolute;
      left: -100px;
      top: 60%;

      width: 80px;
      height: 3px;

      background: linear-gradient(to right,
              transparent,
              rgba(255, 255, 255, 0.7),
              transparent);

      filter: blur(1px);
      animation: __plane_wind 0.8s linear infinite;
  }

  @keyframes __plane_wind {
      0% {
          transform: translateY(-50%) translateX(0);
          opacity: 0;
      }

      30% {
          opacity: 1;
      }

      100% {
          transform: translateY(-50%) translateX(-40px);
          opacity: 0;
      }
  }

  /* Chão */
  .__plane_ground {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 25%;
      background: linear-gradient(to top, #0a3d1f, #1e6b3a);
      opacity: 0.6;
  }

  .__plane_ground::after {
      content: '';
      position: absolute;
      inset: 0;
      background: repeating-linear-gradient(90deg,
              transparent,
              transparent 40px,
              rgba(255, 255, 255, 0.15) 40px,
              rgba(255, 255, 255, 0.15) 80px);
      animation: __plane_moveGround 4s linear infinite;
  }

  /* Animações */
  @keyframes __plane_moveClouds {
      from {
          background-position-x: 0;
      }

      to {
          background-position-x: -10000px;
      }
  }

  @keyframes __plane_moveGround {
      from {
          background-position-x: 0;
      }

      to {
          background-position-x: -160px;
      }
  }

  /* Classe para pausar animações CSS */
  .__plane_paused {
      animation-play-state: paused !important;
  }














  /* CSS */
  .__watch_yt_button-pushable {
      position: relative;
      border: none;
      background: transparent;
      padding: 0;
      cursor: pointer;
      outline-offset: 4px;
      transition: filter 250ms;
      user-select: none;
      -webkit-user-select: none;
      touch-action: manipulation;
  }

  .__watch_yt_button-shadow {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 12px;
      background: hsl(0deg 0% 0% / 0.25);
      will-change: transform;
      transform: translateY(2px);
      transition:
          transform 600ms cubic-bezier(.3, .7, .4, 1);
  }

  .__watch_yt_button-edge {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 12px;
      background: linear-gradient(to left,
              #5a0901,
              #5a0800,
              #850c01,
              #6d0900)
  }

  .__watch_yt_button-front {
      display: block;
      position: relative;
      padding: 12px 27px;
      border-radius: 12px;
      font-size: 1.4rem;
      color: white;
      background: #400601;
      will-change: transform;
      transform: translateY(-4px);
      transition: transform 600ms cubic-bezier(.3, .7, .4, 1);
  }

  @media (min-width: 768px) {
      .__watch_yt_button-front {
          font-size: 1.25rem;
          padding: 12px 42px;
      }
  }

  .__watch_yt_button-pushable:hover {
      filter: brightness(110%);
      -webkit-filter: brightness(110%);
  }

  .__watch_yt_button-pushable:hover .__watch_yt_button-front {
      transform: translateY(-6px);
      transition: transform 250ms cubic-bezier(.3, .7, .4, 1.5);
  }

  .__watch_yt_button-pushable:active .__watch_yt_button-front {
      transform: translateY(-2px);
      transition: transform 34ms;
  }

  .__watch_yt_button-pushable:hover .__watch_yt_button-shadow {
      transform: translateY(4px);
      transition: transform 250ms cubic-bezier(.3, .7, .4, 1.5);
  }

  .__watch_yt_button-pushable:active .__watch_yt_button-shadow {
      transform: translateY(1px);
      transition: transform 34ms;
  }

  .__watch_yt_button-pushable:focus:not(:focus-visible) {
      outline: none;
  }