.card-component-blog {
    border-radius: 1.5rem 6rem 1.5rem 1.5rem;
    max-height: 19.5rem;
    height: 400px;
}

@media screen and (min-width: 2000px) {
    .card-component-blog {
        height: 550px !important;
    }   
}

.card-component-blog .card-category {
    line-height: 1.21875rem;
    color: var(--color-1);
}
.card-component-blog .card-title {
    color: var(--color-3);
    line-height: 1.75rem;
    margin: 0;
}
.card-component-blog .card-description {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    color: var(--color-3);
    margin: 1rem 0;
}
.card-component-blog .card-button {
    border-radius: 5.5625rem;
    background: var(--color-1);
    color: #ffffff;
    width: 9.5rem;
    display: inline-block;
    text-align: center;
    padding: 1rem;
    border: 0 none;
    text-decoration: none;
}

@media screen and (max-width: 768px) {
    .card-component-blog {
        height: 350px;
        max-height: none;
    }
}

@media screen and (max-width: 390px) {
    .card-component-blog {
        height: 400px;
        max-height: none;
    }
}