article {
	text-align: justify;
}

table.lectures {
	border: 1px solid #2980b9;
	border-collapse: collapse;
}
td.lectures {
	border: 1px solid #2980b9;
	padding: 5px;
}

	.my-button {
		display: inline-block; /* Позволяет установить размеры и отступы */
		padding: 2px 2px; /* Отступы внутри кнопки */
		background-color: #5dade2; /* Цвет фона */
		color: white; /* Цвет текста */
		text-align: center; /* Выравнивание текста по центру */
		text-decoration: none; /* Убираем подчеркивание */
		border-radius: 3px; /* Закругление углов */
		transition: background-color 0.3s; /* Плавный переход цвета */
		border: none; /* Убираем рамку */
	}

	.my-button:hover {
		background-color: #2980b9; /* Цвет кнопки при наведении */
	}

	.active {
		background-color: #2980b9; /* Цвет активной кнопки */
	}
    audio {
        width: 100%;
        max-width: 600px; /* Ограничение по желанию */
    }
	
	@media screen and (max-width: 600px) {
    audio {
        min-height: 48px; /* Увеличенная высота плеера на мобильных */
    }
    .my-button {
        font-size: 1.1em; /* Увеличенный шрифт */
    }
}