How can I change the Audio Player icon?

Site URL: https://www.blackom.com/about

How can I change the Audio Player icon?...For only the specific block shown on the page I linked. I'd like it to be something like this below instead, but 1-color.

 

59 minutes ago, jacauschi23 said:

Site URL: https://www.blackom.com/about

How can I change the Audio Player icon?...For only the specific block shown on the page I linked. I'd like it to be something like this below instead, but 1-color.

 

Kindly use this

#block-yui_3_17_2_1_1607387638375_7768 .play-button {
  background-image: url(https://i.ibb.co/RcgYydw/500px-Speaker-Icon.png) !important;
    background-size: cover;
  border: none !important;
  width: 40px;
  height:  40px;
}
#block-yui_3_17_2_1_1607387638375_7768 .playing .pause {
  background-image: url(https://i.ibb.co/4fLVJpz/500px-Speaker-Icon-mute.png) !important;
    background-size: cover;
  border: none !important;
  width: 40px;
  height:  40px;
}

@bangank36 Thank you. If you look at it now, could you help me with with moving it closer to the word? I tried adjusting the left margin of it but then it ends up overlapping it and altering the text when changing the screen size.

@bangank36 could you help me with with moving it closer to the word? I tried adjusting the left margin of it but then it ends up overlapping it and altering the text when changing the screen size so I decided not to apply the change.

On 12/16/2020 at 12:38 AM, jacauschi23 said:

@bangank36 could you help me with with moving it closer to the word? I tried adjusting the left margin of it but then it ends up overlapping it and altering the text when changing the screen size so I decided not to apply the change.

Did you see?

17 minutes ago, jacauschi23 said:

Did you see?

Which word?

4 minutes ago, bangank36 said:

Which word?

I need it moved left so that the spacing is somewhat equal to the spacing between the line and icon. See how there's all that space to the left...

13 minutes ago, jacauschi23 said:

I need it moved left so that the spacing is somewhat equal to the spacing between the line and icon. See how there's all that space to the left...

#block-yui_3_17_2_1_1602799612898_17150 + .row > .span-10 .span-2 {
  display: inline-block;
  width: auto !important;
  float: left !important;
}
#block-yui_3_17_2_1_1602799612898_17150 + .row > .span-10 .span-8 {
  display: inline-block;
  width: auto !important;
  float: left !important;
}

@bangank36 Thank You! 🙏