Use CSS grid to style a card with three rows.

card.html

<style>
    * {
        font-family: sans-serif;
        font-weight: bold;
        color: white;
    }
    body {
        display: flex;
        justify-content: center;
    }
    .grid {
        display: grid;
        grid-template-rows: 25% 1fr 4rem;
        width: 250px;
        height: 450px;
    }
    div {
        display: grid;
        align-items: center;
        justify-content: center;
        padding: 1rem;
        overflow: hidden;
        line-height: 1.6rem;
    }
    div:not(:last-child) {
        border-bottom: 1px dashed white;
    }
    div:nth-child(1) {
        background-color: mediumseagreen;
    }
    div:nth-child(2) {
        background-color: deeppink;
    }
    div:nth-child(3) {
        background-color: darkorange;
    }
</style>

<section class="grid">
    <div>Header</div>
    <div>Body</div>
    <div>Button</div>
</section>