.iconfeaturebox-grid.ar-2-1 .teaser-icon{aspect-ratio:2/1;}
.iconfeaturebox-grid.ar-4-3 .teaser-icon{aspect-ratio:4/3;}
.iconfeaturebox-grid.ar-16-9 .teaser-icon{aspect-ratio:16/9;}
.iconfeaturebox-grid.icon-box.icon-box-gradation .teaser-icon{color:var(--us-primary-color);text-shadow:0 1px 0 #FFF;background:linear-gradient(180deg, #FAFAFA 0%, #EFF2F6 100%)!important;border-radius:var(--us-radius);box-shadow:inset 0 0 0 1px var(--us-hairline-color),inset 0 2px 0 0 #ffffff;width:100%;display:flex;align-items:center;justify-content:center;}
.iconfeaturebox-grid.icon-box.icon-box-primary .teaser-icon{color:#FFF;text-shadow:0 1px 0 rgba(0,0,0,.33);background:var(--us-primary-color)!important;border-radius:var(--us-radius);box-shadow:inset 0 0 0 1px var(--us-hairline-color);width:100%;display:flex;align-items:center;justify-content:center;}
.align-center .teaser,
.align-center .teaser.feature-box{align-items:center;text-align:center;}

@container feature-box (min-width:270px){
    .iconfeaturebox-grid.icon-box .teaser-icon i{font-size:48px;}
}
@container feature-box (min-width:310px){
    .iconfeaturebox-grid.icon-box .teaser-icon i{font-size:64px;}
}
@container feature-box (min-width:380px){
    .iconfeaturebox-grid.icon-box .teaser-icon i{font-size:72px;}
}