@charset "UTF-8";
/* CSS Document */

.audio-container {
  width: 100% !important;
  overflow: hidden !important;
}

.audio-container .audio {
 /* background: #222;*/
width: 100% !important;
height: auto !important;
overflow: hidden !important;
}

.audio-container .buttons .play-btn .bi-pause-btn-fill {
  display: none;
}

.audio-container .buttons .play-btn.playing .bi-pause-btn-fill  {
  display: inline-block;
}

.audio-container .buttons .play-btn.play-btn.playing .bi-play-btn-fill  {
  display: none;
}


.btn-audioPlay {
	/*margin: 0.25rem 0;*/
	padding: 0 12px;
	/*width: 64px;*/
	width: auto;
	height: 32px;
    color: #104B72;
	text-decoration: none;
	cursor: pointer;
	background-color: #F8F5ED;
   	font-weight: normal !important;
	 border-radius: 2px;
	border: 1px solid rgba(16,75,114,0.25);;
	line-height: 32px !important;
}

.btn-audioPlay:hover {
	color: var(--btn-co-hov) !important;
	cursor: pointer;
    background-color: var(--btn-bg-co-hov) !important;
}


@media (hover: none) {
.btn-audioPlay:hover {
color: var(--btn-co) !important;
background-color: var(--btn-bg-co) !important; }
}