.component__card.featured .card__bottom-content p{
    color: #fff!important;
}
@media(max-width: 1024px){
    .component__card.featured .component__card--wrap .card{
        height: 100%;
    }
    .component__card.featured .component__card--wrap .card__media{
        height: -webkit-fill-available!important;
        position: relative;
        max-height: 300px;
    }
    .component__card.featured .component__card--wrap .card__media img{
        height: 100%!important;
        max-height: 100%;
    }
    .component__card--wrap .card__title{

    }
    .component__card.featured .component__card--wrap .card__description{
        display: none!important;
    }
    .component__card--wrap .card__button{
        width: 35px;
        height: 35px;
        right: 5px;
    }
    .component__card.featured .component__card--wrap .card__button>span.chevron svg{
        width: 35px;
        height: 35px;
    }
}