Responsive 3 columns/ Question BTW

Hi, Yaseen! Congratulations by you solution! Your design looks great!

Answering your question. Yes. There are some different ways to position the button in this specific case.

One suggestion would be styling your card class to position: relative. By doing this, the div would become a reference point to inner elements with position: absolute.

Then the next step would be to declare your button position: absolute, and, after that, you'll be able to control its position using the card as reference point, for example, by using the attribute bottom and defining the button distance from the bottom of the div.

Absolute elements supports top, left and right attributes too. It's important to keep in mind that you can't use two vertical absolute attribute, as top and bottom, simultaneously, as you can't you two horizontal, as left and right

I hope it can help you! Keep on with the god job!!

For the accessibility issue use a main tag for the whole content and container tag for the three containers instead of using <div class="container">

You didn't give a font-family: 'Lexend Deca', sans-serif; for the .suv button class which you could have just written it in the button element instead since its general for the three buttons. That is a more efficient code practice.