Crusader - Black Ring

div[data-v-35ebf1de] { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; border: 1px solid lightgrey; animation-duration: 500ms; position: relative; } #toaster span[data-v-35ebf1de] { -ms-flex: 1 1 auto; flex: 1 1 auto; } #toaster a[data-v-35ebf1de] { padding-left: 10px; -ms-flex: 0 0 auto; flex: 0 0 auto; color: darkgrey; } #toaster i.fa-2x[data-v-35ebf1de] { -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 15px; padding-left: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } #toaster .progress[data-v-35ebf1de] { height: 5px; background: grey; position: absolute; opacity: 0.3; bottom: -20px; left: 0; } --> li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border-radius: 0.1em; bord