Адаптивный круг

Не могу приду как правильно сделать адаптивный круг так чтобы он был по высоте или чуть-чуть больше чем блок в котором он находится. При этом он должен быть сдвинут на 50% на границу блока примерно вот так Адаптивный круг соответсвенно чем будет больше текста тем больше должен быть круг

нашел вот такой вариант:

position: absolute;
right: 0;
top: 0;
aspect-ratio: 1 / 1;
height: 100%;
border-radius: 50%;

но как сдвинуть его на 50% от его ширины?

tgarl, что значит адаптивный? к чему он должен адаптироваться? к количеству строк?

все, разобрался нужно для сдвига использовать transform, тогда и высоту можно чуть увеличить и будет круг чуть больше блока

height: 110%;
transform: translate(50%, -5%);