.playBtn {
  transition: .2s ease-in-out;
  transition-property: filter, background;
  filter: saturate(0.7);
  font-family: "Roboto Bold", Arial;
  border-radius: 10px;
  background: var(--quinaryColor);
  display: inline-flex;
  overflow: hidden;
  outline: none;
  cursor: pointer;
  align-items: center;
  color: var(--accentTextColor);
  font-size: 1em;

  &:focus,
  &:hover {
    filter: saturate(1);
  }

  p {
    padding: .5em .8em;
    background: var(--accentColor);
  }

  svg {
    font-size: .6em;
    margin: 0 10px;
    fill: var(--primaryTextColor);
  }
}
