Вопрос CSS. Товарищи, подскажите как можно сделать так, чтобы бэкграунд шел по размеру текста и далеко от н

Код такой (сss)

.aa {
background: rgba( 255, 0, 0, 0.5);
background-size: cover;
padding: 5px;
border-radius: 200px;
text-decoration: underline;
animation-name: rotate;
animation-duration: 1s;
width: 30px;
}

Через width нужно каждый раз при увеличении текста, нужно менять и css. Но я помню что была фишка как можно прилепить background за размерами текста и оно при увеличении текста, само бы увеличивалось. Спасибо.