#article-container-alone .podcast .audio-player {
  margin: 2rem auto;
  max-width: 500px;
}

#article-container-alone .podcast .audio-player .player-info {
  margin-bottom: 10px;
}

#article-container-alone .podcast .audio-player .player-info .button-rss {
  position: absolute;
  height: 24px;
  width: 24px;
  transition: all .5s ease;
  display: block;
  margin-left: 90px;
  margin-top: 10px;
  cursor: pointer;
  filter: drop-shadow(0 0 6px #ffffff);
}

#article-container-alone .podcast .audio-player .player-info .button-rss:hover {
  filter: drop-shadow(0 0 6px #dd4814);
}

#article-container-alone .podcast .audio-player .player-info img {
  float: left;
  widows: 120px;
  border-radius: 5%;
  margin-right: 1rem;
}

#article-container-alone .podcast .audio-player .player-info p {
  font-size: 0.8rem;
  margin-bottom: 0;
}

#article-container-alone .podcast .audio-player .panel-controls .audio-info {
  display: flex;
  align-items: center;
  font-size: .8em;
}

#article-container-alone .podcast .audio-player .panel-controls .audio-info .time--current {
  margin-right: 15px;
}

#article-container-alone .podcast .audio-player .panel-controls .audio-info .time--total {
  margin-left: 15px;
}

#article-container-alone .podcast .audio-player .panel-controls .audio-info .progress-bar,
#article-container-alone .podcast .audio-player .panel-controls .audio-info .progress-fill {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background-color: gray;
  cursor: pointer;
}

#article-container-alone .podcast .audio-player .panel-controls .audio-info .progress-fill {
  background-color: #dd4814;
}

#article-container-alone .podcast .audio-player .panel-controls .controls {
  display: flex;
}

#article-container-alone .podcast .audio-player .panel-controls .controls .speed,
#article-container-alone .podcast .audio-player .panel-controls .controls .previous,
#article-container-alone .podcast .audio-player .panel-controls .controls .rewind,
#article-container-alone .podcast .audio-player .panel-controls .controls .play,
#article-container-alone .podcast .audio-player .panel-controls .controls .forward,
#article-container-alone .podcast .audio-player .panel-controls .controls .next,
#article-container-alone .podcast .audio-player .panel-controls .controls .volume {
  width: 14.3%;
}

#article-container-alone .podcast .audio-player .panel-controls .controls .button-volume,
#article-container-alone .podcast .audio-player .panel-controls .controls .button-mute,
#article-container-alone .podcast .audio-player .panel-controls .controls .button-speed,
#article-container-alone .podcast .audio-player .panel-controls .controls .button-play,
#article-container-alone .podcast .audio-player .panel-controls .controls .button-pause,
#article-container-alone .podcast .audio-player .panel-controls .controls .button-rewind,
#article-container-alone .podcast .audio-player .panel-controls .controls .button-previous,
#article-container-alone .podcast .audio-player .panel-controls .controls .button-forward,
#article-container-alone .podcast .audio-player .panel-controls .controls .button-next {
  height: 24px;
  width: 24px;
  transition: all .5s ease;
  display: block;
  margin: 0 auto;
  cursor: pointer;
}

#article-container-alone .podcast .audio-player .panel-controls .controls .button-volume:hover,
#article-container-alone .podcast .audio-player .panel-controls .controls .button-mute:hover,
#article-container-alone .podcast .audio-player .panel-controls .controls .button-speed:hover,
#article-container-alone .podcast .audio-player .panel-controls .controls .button-play:hover,
#article-container-alone .podcast .audio-player .panel-controls .controls .button-pause:hover,
#article-container-alone .podcast .audio-player .panel-controls .controls .button-rewind:hover,
#article-container-alone .podcast .audio-player .panel-controls .controls .button-previous:hover,
#article-container-alone .podcast .audio-player .panel-controls .controls .button-forward:hover,
#article-container-alone .podcast .audio-player .panel-controls .controls .button-next:hover {
  filter: drop-shadow(0 0 6px #dd4814);
}

#speed-value {
  position: relative;
  top: 9px;
  line-height: 0;
  font-size: 14px;
}

#for-speed {
  position: absolute;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.95);
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.15));
  border-radius: 5px;
  text-decoration: none;
  padding: 5px;
  top: 60px;
  margin-left: -8px;
}

#for-speed:after {
  background: rgba(255, 255, 0, 0.95);
  border-radius: .5em;
  bottom: 0;
  color: #fff;
  display: block;
  left: 1em;
  padding: .3em 1em;
  position: absolute;
  text-shadow: 0 1px 0 #000;
  white-space: nowrap;
  z-index: 2;
}

#for-speed:before {
  border: solid;
  border-color: rgba(255, 255, 255, 0.95) transparent;
  border-width: 10px 10px 0 10px;
  bottom: -10px;
  content: "";
  display: block;
  left: 204px;
  position: absolute;
  z-index: 3;
  left: 35px;
}

.speed {
  text-align: center;
  padding: 0;
  margin: 0;
  line-height: 0;
  cursor: pointer;
}

#select-speed {
  box-sizing: border-box;
  color: #3d3d3d;
  font-family: "lato", sans-serif;
  font-size: 14px;
  margin-right: 30px;
  font-weight: 400;
  line-height: 17px;
}

.button-play {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M 456.38246,214.65944 104.39701,6.5680396 C 75.79819,-10.331262 32,6.0680603 32,47.866331 V 463.94914 c 0,37.49845 40.698318,60.09751 72.39701,41.29829 L 456.38246,297.25602 c 31.3987,-18.49923 31.4987,-64.09735 0,-82.59658 z'/></svg>");
}

.button-rewind {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M11.5 280.6l192 160c20.6 17.2 52.5 2.8 52.5-24.6V96c0-27.4-31.9-41.8-52.5-24.6l-192 160c-15.3 12.8-15.3 36.4 0 49.2zm256 0l192 160c20.6 17.2 52.5 2.8 52.5-24.6V96c0-27.4-31.9-41.8-52.5-24.6l-192 160c-15.3 12.8-15.3 36.4 0 49.2z'/></svg>");
}

.button-previous {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M64 468V44c0-6.6 5.4-12 12-12h48c6.6 0 12 5.4 12 12v176.4l195.5-181C352.1 22.3 384 36.6 384 64v384c0 27.4-31.9 41.7-52.5 24.6L136 292.7V468c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12z'/></svg>");
}

.button-forward {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M500.5 231.4l-192-160C287.9 54.3 256 68.6 256 96v320c0 27.4 31.9 41.8 52.5 24.6l192-160c15.3-12.8 15.3-36.4 0-49.2zm-256 0l-192-160C31.9 54.3 0 68.6 0 96v320c0 27.4 31.9 41.8 52.5 24.6l192-160c15.3-12.8 15.3-36.4 0-49.2z'/></svg>");
}

.button-pause {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M144 479H48c-26.5 0-48-21.5-48-48V79c0-26.5 21.5-48 48-48h96c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zm304-48V79c0-26.5-21.5-48-48-48h-96c-26.5 0-48 21.5-48 48v352c0 26.5 21.5 48 48 48h96c26.5 0 48-21.5 48-48z'/></svg>");
}

.button-next {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='m 416,44.00635 v 424 c 0,6.6 -5.4,12 -12,12 h -48 c -6.6,0 -12,-5.4 -12,-12 v -176.4 l -195.5,181 c -20.6,17.1 -52.5,2.8 -52.5,-24.6 v -384 c 0,-27.4 31.9,-41.7 52.5,-24.6 l 195.5,179.9 v -175.3 c 0,-6.6 5.4,-12 12,-12 h 48 c 6.6,0 12,5.4 12,12 z'/></svg>");
}

.button-volume {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M 279.03,71.041062 190.06,160.00106 H 88 c -13.26,0 -24,10.74 -24,24 v 144 c 0,13.25 10.74,24 24,24 h 102.06 l 88.97,88.95 c 15.03,15.03 40.97,4.47 40.97,-16.97 V 88.021062 c 0,-21.469995 -25.96,-31.979995 -40.97,-16.98 z m 123.2,108.079998 c -11.58,-6.33 -26.19,-2.16 -32.61,9.45 -6.39,11.61 -2.16,26.2 9.45,32.61 12.91,7.1 20.93,20.44 20.93,34.82 0,14.38 -8.02,27.72 -20.92,34.81 -11.61,6.41 -15.84,21 -9.45,32.61 6.43,11.66 21.05,15.8 32.61,9.45 28.23,-15.55 45.77,-45 45.77,-76.88 0,-31.88 -17.54,-61.32 -45.78,-76.87 z'/></svg>");
}

.button-mute {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M215.03 71.05L126.06 160H24c-13.26 0-24 10.74-24 24v144c0 13.25 10.74 24 24 24h102.06l88.97 88.95c15.03 15.03 40.97 4.47 40.97-16.97V88.02c0-21.46-25.96-31.98-40.97-16.97zM461.64 256l45.64-45.64c6.3-6.3 6.3-16.52 0-22.82l-22.82-22.82c-6.3-6.3-16.52-6.3-22.82 0L416 210.36l-45.64-45.64c-6.3-6.3-16.52-6.3-22.82 0l-22.82 22.82c-6.3 6.3-6.3 16.52 0 22.82L370.36 256l-45.63 45.63c-6.3 6.3-6.3 16.52 0 22.82l22.82 22.82c6.3 6.3 16.52 6.3 22.82 0L416 301.64l45.64 45.64c6.3 6.3 16.52 6.3 22.82 0l22.82-22.82c6.3-6.3 6.3-16.52 0-22.82L461.64 256z'/></svg>");
}

.button-rss {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M128.081 415.959c0 35.369-28.672 64.041-64.041 64.041S0 451.328 0 415.959s28.672-64.041 64.041-64.041 64.04 28.673 64.04 64.041zm175.66 47.25c-8.354-154.6-132.185-278.587-286.95-286.95C7.656 175.765 0 183.105 0 192.253v48.069c0 8.415 6.49 15.472 14.887 16.018 111.832 7.284 201.473 96.702 208.772 208.772.547 8.397 7.604 14.887 16.018 14.887h48.069c9.149.001 16.489-7.655 15.995-16.79zm144.249.288C439.596 229.677 251.465 40.445 16.503 32.01 7.473 31.686 0 38.981 0 48.016v48.068c0 8.625 6.835 15.645 15.453 15.999 191.179 7.839 344.627 161.316 352.465 352.465.353 8.618 7.373 15.453 15.999 15.453h48.068c9.034-.001 16.329-7.474 16.005-16.504z'/></svg>");
}