Design a Blog Post Card - Problem with 'Read More' button display property

HTML-CSS
1

Tell us what’s happening:

For the ‘Read More’ button, I have already added the display property with ‘display: inline-block’. Even it doesn’t fulfil the requirement.
Please Help!

Your code so far

<div class="post-link">
   <a class="read-more" href="#" target="_blank">Read More</a>
</div>


.read-more {
    max-width: 120px;
    margin: 1rem auto 3rem;
    padding: 0.6em 1em;
    border-radius: 7px;
    color: whitesmoke;
    background-color: darkslategray;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/143.0.0.0 Safari/537.36

Challenge Information:

Design a Blog Post Card - Design a Blog Post Card

2

please post all your code, it’s needed for proper debugging