How can I make my 'Shop Now' button transparent and underline it?

[An_A]

Hello,

I am trying to change the 'SHOP NOW' button design on my website. This is what it looks like now.

I want it too look like this. White text, transparent button with just an underline underneath the 'SHOP NOW'. I want it to show the block color when you hover over it and/or click on it.

Our website is: www.hansandgreta.com. Here is the theme info:

"name": "theme_info",
"theme_name": "Hans & Greta",
"theme_author": "Shopifytemplate",
"theme_version": "2.0",

Thanks so much!!!

[ugurkeskin · Accepted solution]

Hello,

Add the following code to the custom css section.

#Slideshow-slideshow-1 > div > div > div > div.slideshow__text-wrap.slideshow__text-wrap--desktop > div > div > div > div > a {

    background-color: transparent!important;
    border-bottom: 2px solid white!important;
    color: white!important; }

After adding this code, it will look like below.

[An_A]

Thank you very much!!!