How to override Woocommerce styles on catalog page?

Question

CMS

Hello. The site, on the main page in the header, made buttons to go to other sites. But on the Product Catalog page, all my button styles override the woocommerce styles. I tried a tag instead of a button tag, it doesn't help. Can anyone suggest what to change? Thank you all in advance :)

Answer 1

Well, if you judge like that, then everything is correct in the style.css file.
And so you need to stick your classes and that's all. (I messed around a little and that's what I did)
"line 334"

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    background: #323232;
    border: none;
    width: auto;
    padding: 10px 7px;
    font-family: roboto;
    height: auto;
}

"Line 533"

.button--ujarak.button--inverted::before {
    background: none;
}

"Line 286"

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    color: #23282D;
    transition: all ease 0.3s;
    border: none;
    border-radius: 5px 5px 0px 0px;
    background: #ffffff;
}

Here it turns out this
. In general, it’s better to put your classes on them and that’s it. Don't sweat that you'll kill something.
If needed, I can help you to do it right on the site.