box-decoration-break: clone — градиент на многострочной кнопке

Когда фон и border повторяются на каждой строке.

При переносе текста кнопки на две строки `box-decoration-break: clone` рисует фон и скругление на каждой строке отдельно — иначе градиент «ломается» между строками.

Значение `slice` (по умолчанию) тянет один декор на весь inline-фрагмент — подходит для underline, не для pill-кнопок с padding.

box-decoration-break — MDN — clone и slice.

Поддержка

Проверьте в Safari и Firefox — для критичных CTA держите запасной однострочный label или `white-space: nowrap`.