Проблема с тем, что градиент превращается в однородный цвет за пределами контейнера, связана с тем, что градиент заполняет только видимую часть контейнера. Когда контейнер выходит за границы экрана или другого контейнера, градиент перестает быть отображаемым и его заменяет однородный цвет.
Для исправления проблемы с отображением линейного градиента на абсолютно спозиционированной кнопке, которая выступает за границы контейнера, можно попробовать следующие подходы:
1. Увеличить размер контейнера, чтобы он был достаточно большим, чтобы вместить всю кнопку со всем её градиентом.
2. Изменить способ позиционирования кнопки, например, использовать относительное позиционирование вместо абсолютного, чтобы кнопка оставалась в пределах контейнера.
3. Подстроить градиент таким образом, чтобы он корректно отображался только в пределах контейнера, не заходя за его границы.
4. Возможно, потребуется использовать более сложные методы CSS или JavaScript для создания градиента, который будет отображаться корректно даже при выходе за границы контейнера.