.fa-play-circle::before {
    content: '\25B6';
     display: flex;
    font-size: 1.5em;
    font-style: normal;
    position: absolute;
    animation: blinkAnimation 1.5s infinite;
}

.fa-pause-circle::before {
    content: '\II';
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    position: absolute;
    font-size: 1.5em;
}

.fa-step-backward::before {
    content: '\25B6I';
    display: flex;
    font-size: 1em;
    font-style: normal;
    transform: rotate(180deg);
    position: relative;
}

.fa-step-forward::before {
    content: '\25B6I';
    display: flex;
    font-size: 1em;
    font-style: normal;
    
    position: relative;
}


.fa-search-icon::before {
    content: '\1F50D';
     display: flex;
    font-size: 1.5em;
    font-style: normal;
    position: absolute;
}

 


 @media screen and (max-width: 350px) {
  .player {
   width: auto;
  }


.fa-play-circle::before {
    content: '\25B6';
     display: flex;
    font-size: 1.5em;
    font-style: normal;
    position: absolute;
}

.fa-pause-circle::before {
    content: '\II';
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    position: absolute;
    font-size: 1.5em;
}

.fa-step-backward::before {
    content: '\25B6I';
    display: flex;
    font-size: 1.2em;
    font-style: normal;
    transform: rotate(180deg);
    position: relative;
}

.fa-step-forward::before {
    content: '\25B6I';
    display: flex;
    font-size: 1.2em;
    font-style: normal;
    
    position: relative;
}
}