.box { .box-header { display: flex; height: 35px; width: 100%; /*background: linear-gradient(90deg,#b2d9f5,#c2d8f4);*/ background: linear-gradient(90deg, rgba(82, 197, 233, 0.411765) 0%, rgba(59, 221, 243, 0.12549) 35.99%, rgba(67, 219, 252, 0.00784314) 87.02%); box-shadow: inset 0px -2px 4px rgba(117, 185, 248, 0.52); border-bottom: 1px solid rgba(98, 156, 215, 0.05); position: relative; .title { --w: 47px; display: flex; position: relative; height: 100%; padding-left: 5px; margin-left: var(--w); font-size: 18px; font-weight: 600; color: #094B88; align-items: center; &:before { content: ""; position: absolute; left: calc(1px - var(--w)); height: 100%; width: var(--w); background: url("/Content/Image/ExerciseV2/title_icon.svg") no-repeat; background-size: 100% 100%; } } } }