Styling button in Blog post

[designbabe]

I’m trying to see if there is a way to use the new button element inblock blog posts but but have the button styled to be like my other buttons on the homepage. A button with a rounded rectangle border in yellow and then black button text and clear background, when with background yellow in rollover with white text in rollover. Do i have to use a shortcode or can i update my button element form the blog.
change this

to look like this?

[jade]

Hi there,

Yes, that is possible by adding some custom CSS. Please add this in X > Theme Options > CSS:

a.wp-block-button__link {
    border: 2px solid rgb(247,203,43);
    border-radius: 0.35em;
    background-color: transparent;
    box-shadow: 0em 0.15em 0.65em 0em rgba(0,0,0,0.25);
    color: #32373c;
    font-family: inherit;
    font-size: 1.25em;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}

a.wp-block-button__link:hover {
    color: #32373c;
}

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

Hope this helps.