.card {
    display: flex;
    flex-direction: column;
    align-items: center;
    color:#ffffff;
    gap: 1rem;
}

.card_image {
    width:100%;
    height:20rem;
    border-radius: .25rem;
}

.card_title {
    font-size: 1.5rem;
}

.card_button {
    margin-top: auto;
}


.card_button a {
    text-decoration: none;
    color:#000000;
}

.card_button:hover, .card_button:hover a {
    background-color: #000000;
    color: #ffffff;
    transition: color .3s ease;
}


@media screen and (min-width: 700px) {
    .card {
        margin-bottom: 6rem;
    }
}