.cards{margin-bottom: 100px;}

.cards .post{height: 456px;}

.cards .row{
    justify-content: center;
    column-gap: 2.3%;
}

.cards .cards-title{margin-bottom: 60px;}

.card-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.card-container .btn--secondary{
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: 0 13%;
    margin-bottom: 60px;
}

.card-container .card-title{
    margin-top: 39px;
    margin-bottom: 24px;
}

.card-container .card-text{
    font-size: 14px;
    line-height: 1.2em;
}

@media (max-width: 1370px){
    .card-container .btn--secondary{bottom: -23px;}
  }
@media (max-width: 1355px){
    .cards{margin-bottom: 50px;}
    .cards .cards-title{margin-bottom: 30px;}

    .cards .btn--secondary{
        font-size: 14px;
        padding: 10px 6px;
    }

    .card-container .card-title {
        margin-top: -17px;
        margin-bottom: 25px;
        padding: 0 10px;
    }

    .cards .post {height: 430px;}
  }

@media (max-width: 768px){
    .cards .post{height: 460px;}

    .cards .row{padding: 0 4%;}

    .cards .card-container{margin-bottom: 30px;}
    .cards .cards-title{
        margin-bottom: 31px;
        color: #4F4F4F;
    }

    .card-container .card-title{
        margin-top: 50px;

    }

    .card-container{margin-bottom: 33px;}   

    .cards{margin-bottom: 16px;}

    .cards .btn--secondary{bottom: -3px;}
  }