i.icon {
   display: flex;
   flex-direction: row;
   align-items: center;
}
i.icon:before {
   content: var(--content-icon-topic);
   margin-right: 5px;
   display: inline-block;
   width: 1.2em;
   height: 1.2em;
   background-size: contain;
   background-repeat: no-repeat;
}
i.icon--date:before {
   content: var(--content-icon-date);
}
i.icon--time:before {
   content: var(--content-icon-time);
}
i.icon--product_cat:before {
   content: var(--content-icon-category);
}
i.icon--activity:before {
   content: var(--content-icon-activity);
}
i.icon--level:before {
   content: var(--content-icon-level);
}
i.icon--genre:before {
   content: var(--content-icon-genre);
}
i.icon--topic:before {
   content: var(--content-icon-topic);
}
.icon__container {
   display: flex;
   flex-direction: row;
   align-items: center;
}