Remove white button border on Image banner & change position

[bloomhome]

I am trying to add a button to my image banner but it comes up with a big white background.

I have tried adding code into CCS as seen on other suggestions but with no effect.

I also would like to be able to bring the button down lower (in mobile version) on the image.

[BSS-TekLabs]

Hello @bloomhome 
Our team is ready to help you.
Please share your website URL so that we can check and assist you.

[bloomhome]

https://qcg96d-rp.myshopify.com/

[BSS-TekLabs]

- Here is the solution for you @bloomhome 
- Please follow these steps: 
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
.banner--mobile-bottom .banner__box {
    padding: 0 !important;
    min-width: auto !important;
}
</style>

- This is the result you will get:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[bloomhome]

thanks the desktop problem solved the mobile problem remains

[BSS-TekLabs · Accepted solution]

<style>
.banner--mobile-bottom .banner__box {
    padding: 0 !important;
    min-width: auto !important;
}
@media screen and (max-width: 749px) {
    .banner:not(.banner--mobile-bottom):not(.email-signup-banner) .banner__box {
        margin-top: 230px;
    }
}
</style>

[BSS-TekLabs]

please try this code @bloomhome 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[bloomhome]

where do i put this code ??

[BSS-TekLabs]

- Please follow these steps: 
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

[bloomhome]

thanks all done 👍

[BSS-TekLabs]

Glad to be of help. Have a nice day.

[suyash1]

@bloomhome Can you please share this page link?

[bloomhome]

My website link up here 

[suyash1]

@bloomhome - 

please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

.banner--mobile-bottom .banner__box {background: none !important; padding-bottom:0 !important}

[bloomhome]

added but not working 

[suyash1]

@bloomhome please clear cache and check,  it is working at my end

[bloomhome]

thanks this one worked but the mobile problem remains

[suyash1]

@bloomhome - for mobile add this

@media screen and (max-width:749px){
.banner__content{align-items: flex-end;}
}

[bloomhome]

where ??

[suyash1]

@bloomhome end of base.css file