I'm new to the world of wordpress and I'm struggling to customize the CSS for a button on a card. My goal is to center the "Read more" button on the post card and give it a border, but I'm not having any luck in Elementor. I tried tweaking the custom code specifically for the button element, but it ended up changing the entire card layout and centering both the text and description.
Here's what my current result looks like:
Here's how I want it to look:
I attempted to write custom CSS code, but since I'm a novice in CSS, it ended up affecting the title, description, and button. Here's the code I used:
a.elementor-post__read-more {
width: 100%;
color: #000;
text-align: center;
background-color: #ffd9d9;
border-radius: 6px;
margin-top: auto;
}