PlayerInfo { position: absolute; flex-direction: row; bottom: 25px; left: 25px; transition: all 0.1s ease-out; .role-container { padding: 2px 15px; border-radius: 4 0 0 4; justify-content: center; text { font-size: 30px; font-weight: bold; } } .health-container { width: 115px; padding: 2px 10px; border-radius: 0 4 4 0; justify-content: center; text { font-size: 30px; font-weight: bold; } } &.hit { .health-container { text { color: rgb(255, 189, 189); } } } }