How to make these banner buttons one above the other instead of side by side?

[empiricalarby]

https://empiricalwater.com/

Notice the buttons in the image banner: Buy Now and Learn Stuff - They are currently side by side. How can it be adjusted so that Buy Now is centered, and Learn stuff is right below it?

Thank you

[Moeed]

Hey @empiricalarby 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (min-width: 768px) {
.banner__buttons.banner__buttons--multiple {
    flex-flow: column !important;
}
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[empiricalarby]

Thank you, can you make this work on mobile as well?