Неужели невозможно отцентрировать текст внутри баттона?

Question

[wiyod]

Как тут отцентрировать ровно текст, без хардкода? При этом не нарушив анимацию и тд.
material-unit.surge.sh - желтая кнопка SUBSCRIBE

Comments

[Александр Синицын]

А зачем там второй span, который и сбивает центровку?

<button class="btn animated-btn" data-v-104d6308="">
    <span class="visible-content" data-v-104d6308="">Subscribe</span>
    <span class="hidden-content" data-v-104d6308="">Now</span>
</button>

[wiyod]

Александр Синицын, он будет появлятся сверху исчезающего на ховер

[Александр Синицын]

wiyod, Так может ему display: none поставить?

[wiyod]

Александр Синицын, я же говорю - анимация. С display: none анимация невозможна.

[Александр Синицын]

wiyod, Тогда, если текст поверх текста то это скорее для Now.

position: absolute;
left: 0;
right: 0;

[wiyod]

Александр Синицын, тогда фиг отцентрируешь второй элемент - complex-bait.surge.sh

[wiyod]

Александр Синицын, а нет, изввиняюсь, все ок! Помогло! Спасибо!

[Александр Синицын]

wiyod, А это где?

left: 0;
right: 0;

[Александр Синицын]

wiyod, Пожалуйста.