<>
.featured-hero__has-background--vertical-cards
{margin-bottom: 135px;}
@media (min-width: 768px) and (max-width: 1023px) {
.featured-hero__has-background--vertical-cards {
margin-bottom: 0;
}
<>
@media(min-width: 1024px) and (max-width:1200px){
.featured-hero__grid{
.featured-hero__grid-scroll{
.featured-hero__card-ui-status{
height:25px;
padding: 3px 10px 0;
font-size:14px;
}
.action-button__svg{
height:30px;
width:30px;
}
.featured-hero__card-roofline {
margin-bottom: 0;
padding-bottom: 0;
}
.featured-hero__card-title {
font-size: 1.30vw;
margin-bottom:0px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.featured-hero__additional-metadata-languages{
font-size:14px;
}
.featured-hero__language-text{
font-size:12px;
}
}
.featured-hero__grid-highlight{
.featured-hero__card-roofline {
margin-bottom: 0;
padding-bottom: 0;
}
.featured-hero__grid-card
.card-ui__wrapper
.featured-hero__card-ui
.action-buttons--start {
left: 135px;
}
}
}
}
@media(min-width: 1201px) and (max-width:1530px){
.featured-hero__grid{
.featured-hero__grid-highlight{
.featured-hero__grid-card
.card-ui__wrapper
.featured-hero__card-ui
.action-buttons--start {
left: 140px;
}
}
.featured-hero__card-roofline {
margin-bottom: 0;
padding-bottom: 0;
}
.featured-hero__card-title {
font-size: 18px;
}
}