.course-cards .course-card{
    width: 100%;
    max-width: 400px;
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 4px 4px 8px 0px rgb(34 60 80 / 20%);
    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 4px 4px 8px 0px rgb(34 60 80 / 20%);
    transition: transform 0.3s;
    padding: 15px;
    margin: auto
}
.course-cards .course-card img{
    width: 100%;
}
.course-cards .course-card .title{
    text-align: center;
    font-size: 22px;
    margin: 15px 0;
}
.course-cards .course-card .description{
    margin: 15px 0;
    text-align: center;
    min-height: 350px;
}
.course-cards .course-card .button{
    font-size: 16px;
}

.course-cards .buttons{
    text-align: center;
}

.front-courses{
    display: inline-block;
    width: 100%;
    background-color: #f5f5f5;
}