Как сверстать кнопку

   <ImageButton
 
        android:id="@+id/ib_menu"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:backgroundTint="@color/backLogo"
        android:background="@drawable/circular_button_background"
        android:contentDescription="@string/my_menu"
        android:minHeight="48dp"
        android:layout_marginHorizontal="5dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:srcCompat="@drawable/my_menu" />

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="@color/backLogo" /> <!-- Цвет фона кнопки -->
    <stroke
        android:width="5dp"
        android:color="@color/white" /> <!-- Толщина и цвет границы кнопки -->
    <corners android:radius="40dp" /> <!-- Радиус углов -->
</shape>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item >
        <shape android:shape="rectangle">
            <solid android:color="#ff0972ab"/>
        </shape>
    </item>
    <item android:left="7dp" android:top="7dp" android:bottom="7dp" android:right="7dp">
        <shape android:shape="oval">
            <solid android:color="#ff1d4048"/>
        </shape>
    </item>
    <item android:left="7dp" android:top="7dp" android:bottom="10dp" android:right="7dp" >
        <shape android:shape="oval">
            <solid android:color="#ffedf0f4"/>
        </shape>
 
    </item>
    <item android:left="10dp" android:top="10dp" android:bottom="11dp" android:right="10dp" >
        <shape android:shape="oval">
            <solid android:color="#ff0972ab"/>
        </shape>
 
    </item>
 
</layer-list>