خاصية تغيير لون الزر لا تعمل فى Android studio

اريد تغيير لون الزر  للون متدرج كما فى هذا الكود

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <gradient
        android:type="linear"
        android:startColor="#00FFE0"
        android:centerColor="#00BCD4"
        android:endColor="#8B82EE"
        android:angle="0"
        />

    <corners
        android:bottomRightRadius="10dp"
        android:bottomLeftRadius="10dp"
        android:topLeftRadius="10dp"
        android:topRightRadius="10dp" />
</shape>

وهذا كود الزر الخاص بى

<Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:fontFamily="@font/cairo_extralight"
        android:text="@string/next"
        android:background="@drawable/next_gradient"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/editText1" />

لون خلفية الزر لا تتغير كما المفترض ان يتم هذه لقطة شاشه من التصميم الظاهر