Button Label Alignment

I have created a rectangular button (200x70) that has an image background, which I have used the following css to position at the left of the button:

:host {
background:url(\Images\instrumentImages\Orchestral_Brass_Horns_Ensemble_Legato.PNG);
background-repeat: no-repeat;
background-size: 80px 80px;
background-position: left center;
border-radius:3px;
background-size:30%;
vertical-align: top;
}
//this bit I want to change to put the label to the right of the button.
label {
  align-items: flex-end;
}

I want to put a label on the right of the button in the space that is not filled by the image?

I’ve tried the various css bits that I can find but it always puts the label aligned to the middle of the button.

Is there any way I can justify the text to the right?

Edit: Sorry - for some reason it only posted half my post!

label {
  justify-content: flex-end;
  /* use padding-right to adjust */
}