body {font-family: sans-serif; margin: 0; background-color: #d5ceb8;}
        header, main, footer {padding: 20px; max-width: 800px; margin: 0 auto;}
        h1, h2 {color: #333;}
        section {margin-bottom: 20px; background-color: #fff; padding: 15px; border-radius: 5px;}
        /* Стили для постера */
        #poster img {max-width: 100%; height: auto; border-radius: 5px;}
		#poster1 img {max-width: 50%;  display: block; margin-left: auto; margin-right: auto; height: auto; border-radius: 5px;}
        /* Стили для комментариев */
        .comment {border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px;}
        .comment p {margin: 5px 0;}
        /* Стили для формы комментариев */
        #comment-form label {display: block; margin-bottom: 5px;}
        #comment-form input[type="text"], #comment-form textarea {width: 100%; padding: 8px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 4px;}
        #comment-form button {background-color: #4CAF50; color: white; padding: 10px 15px; border: none; border-radius: 4px; cursor: pointer;}
        #comment-form button:hover {background-color: #3e8e41;}
        /* Стили для футера */
        footer {text-align: center; background-color: #333; color: white;}
		.player-container {
            margin: 30px 0;
        }
        .player-image {
            width: 15%;
			top: 37%;
			left: 43%;
			position: absolute;
        }
		
		.player-image:hover {
transform: scale(1.05);}

.watch-online-button {
  display: inline-flex; /* Отображение как inline-block + flexbox */
  align-items: center; /* Выравнивание иконки и текста по вертикали */
  justify-content: center; /* Выравнивание содержимого по горизонтали */
  padding: 15px 30px;
  font-family: 'Roboto', sans-serif;
  font-weight: 600; /* Полужирный */
  font-size: 24px;
  color: #fff;
  background: linear-gradient(to right, #3498db, #2ecc71); /* Градиент */
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease; /* Плавный переход для анимации */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.45); /* Тень для объема */
  text-decoration: none;
  width: 300px;
  text-align:center;
   display: block;
   margin-left: auto; margin-right: auto; height: auto; border-radius: 55px;
}

.watch-online-button:hover {
  transform: scale(1.05); /* Увеличение при наведении */
  background: linear-gradient(to right, #2ecc71, #3498db); /* Изменение градиента при наведении */
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.55); /* Усиление тени */
}

/* Стили для иконки (если используете Font Awesome или аналогичный) */
.watch-online-button i {
  margin-right: 8px; /* Отступ между иконкой и текстом */
  font-size: 18px; /* Размер иконки */
}