@media screen and (min-width: 981px) {
    /* 1. Make the article the 'anchor' for the absolute button */
    .dt-blog-equal-height .et_pb_post {
        position: relative !important;
        padding-bottom: 80px !important; /* Creates space at the bottom for the button */
    }

    /* 2. Position the button at the bottom */
    .dt-blog-equal-height .more-link {
        position: absolute !important;
        bottom: 20px; /* Distance from the bottom of the card */
        left: 20px;   /* Distance from left side */
        right: 20px;  /* Distance from right side */
        
        /* Button Styling */
        background-color: #698140 !important;
        color: #fff !important;
        padding: 10px 20px !important;
        text-align: center !important;
        border-radius: 4px;
        text-decoration: none !important;
        font-weight: bold;
        display: block !important;
    }
}

/* Hover state for the button */
.dt-blog-equal-height .more-link:hover {
    background-color: #7a944a !important;
}

/* 1. Turn the column into a flexbox container */
.column-stick-bottom {
    display: flex !important;
    flex-direction: column !important;
}

/* 2. Target the specific Text Module you want at the bottom */
/* We use 'margin-top: auto' to act as a spring */
.column-stick-bottom .et_pb_text:last-child {
    margin-top: auto !important;
    margin-bottom: 0 !important;
}