Make the Add to Cart button wider and remove the black border box

[ApexAura]

Hi,

I am using the Dawn theme, and I would like my Add to Cart button to be wider in general and to remove the black border box around it. Below, I am attaching a screenshot to show exactly what I mean.

Here is my link: https://shopapexaura.com/products/manual-apple-peeler-with-stainless-steel-blades

 

 

[CodingFifty · Accepted solution]

HI @ApexAura,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

.product--no-media .product-form>.form {
    max-width: 100% !important;
    width: 100%;
}

@media (max-width: 768px){
.product--no-media .product-form>.form {
    max-width: 100% !important;
    width: 100%;
}

.product-form__submit .button:after{
  border-radius: 25px !important;
}
}

[ApexAura]

Hey, Thank you for your help, it worked

[CodingFifty]

You're welcome! @ApexAura