Hello,

The look & feel of the "add to cart" button is different from the "out of stock / more information "button. I want change that last button to the same look & feel of the first one. 

We use the WooCommerce classic product style in the Salient theme options. 

How can we apply this good looking style for "out of stock / more information" button? 

So that both red hovering buttons, are the same length, the same fontsize etc. 

Wow, that's really fast Andrew. Thank you!
Gonna try it right away

In mean the other way round. But we are coming close :D

And how do I change the font style and height of the more information / out of stock button text? 

Thank you! 

(see the attachment)

With this code, it looks a bit weird (see attachment)

.woocommerce .classic .product-wrap .product-add-to-cart .add_to_cart_button, .woocommerce .classic .product-wrap .product-add-to-cart .button.product_type_variable {
    width: 37%;
}
.woocommerce .classic .product-wrap .nectar_quick_view, .woocommerce .classic .product-wrap .add_to_cart_button, .woocommerce .classic .product-wrap .button.product_type_variable, .woocommerce .classic .product-wrap a.button.product_type_simple {   width: 11px;    font-size: 12px;
}
.woocommerce .classic .product-wrap .add_to_cart_button i, .woocommerce .classic .product-wrap .nectar_quick_view i, .text_on_hover.product .nectar_quick_view i {      font-size: 15px;
}

I changed the width to 314px. It looks almost the same as the "add to cart" button. 

Nevermind! Thank you Andrew for your quick service and support. Problem solved!

------------------------
Old comment:

Is there a rule, css line, to scale the bar when people visit the page on their phone? This is what I see when visiting on a iPhone 12 max

Ah well, just one more question. Do you know how I can change the text of the "out of stock" button? Currently it's saying Meer Informatie, dutch for More Information. I want to change the text to: Uitverkocht - Product bekijken (Dutch for sold out, see product)