How To Add Underline Under 'Button' Text

[MMast]

Thanks in advance! I am looking to add a underline under my button text for mobile and pc view. I am looking to have a bit of space between the word and the underline. Example shown below of exactly what I am looking for. 

https://decemberschild.com/

password: dc

[Made4uo-Ribe]

Hi @MMast 

Do you mean like this? 

if it is chck this one. 

1. From you Admin page, go to Online Store > Themes

1. Select the theme you want to edit
2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
3. Then place the code below at the very bottom of the file.

.product-form__submit span {
    position: relative;
    text-decoration: none; 
    display: inline-block; 
    padding-bottom: 5px; 
}

.product-form__submit span::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px; 
    width: 100%;
    height: 1px; 
    background-color: currentColor;
}

• And Save. 

[MMast]

Sorry I was not very specific. I am talking about the rich text 'Buttons'.

[Made4uo-Ribe]

Oh check this one then. 

.rich-text__buttons a {
    position: relative;
    text-decoration: none; 
    display: inline-block; 
    padding-bottom: 5px; 
}

.rich-text__buttons a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0; 
    width: 70%;
    margin: auto;
    height: 1px; 
    background-color: currentColor;
}

And save. 

Same Instruction. 

[MMast]

This works for just pc. Is there any way to make it work for mobile as well please.

[Made4uo-Ribe]

That must work in all screen, I just check your store now but its visible on the mobile screen. 

Did you refresh after save?