how to adjust "add to cart" button in my shopify store every page to make buttons look tidy?

Technical Q&A
1

hello.please help me

The button “add to cart” on my shopify store home page , all products and other collection pages look untidy

i want to adjust these button look tidy

the problem look like picture

problem 1.png
problem 1.png1289×808 152 KB

two days ago ,i ask the same question about my store home page,i got the answer,but i can’t adjust the other button on other pages(all product and other collections)

the anewer about the same question on home page is :

click in theme>edit code>click “asset”>search “theme.css”>ass code in the end >save code and finished

the code is:

#shopify-section-collection .page-width .grid .grid__item {
position: relative;
min-height: 450px;
}

#shopify-section-collection .page-width .grid .grid__item form {
position: absolute;
bottom: 0px;
margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
#shopify-section-collection .page-width .grid .grid__item {
min-height: 350px;
}

my shopify store theme is debut

and the store url is

https://8ebr5g11vrsdzpz9-56140005553.shopifypreview.com/

I’m not good programming, but I want to be able to give each of my store people a better experience.

please help me, thank you very much point coming to see people.

have a nice day : )

2 
#shopify-section-collection-template  .page-width  .grid  .grid__item{
    position: relative;
    min-height: 459px !important;
}

#shopify-section-collection-template .page-width .grid .grid__item form {
   position: absolute;
   bottom: 0px;
   margin-bottom: 15px ;
}

@media only screen and (max-width: 428px) {
#shopify-section-collection-template  .page-width  .grid  .grid__item {
   min-height: 380px !important;
}
}
@media only screen and  (min-width: 429px) and (max-width: 999px) {
#shopify-section-collection-template  .page-width  .grid  .grid__item{
    min-height: 410px !important;
}
}