PlayerAndroid/app/src/main/res/layout/card_social.xml

<?xml version="1.0" encoding="utf-8"?>
<com.google.android.material.card.MaterialCardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardCornerRadius="8dp"
    app:cardElevation="4dp"
    app:cardPreventCornerOverlap="false"
    app:cardUseCompatPadding="true">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <code.name.monkey.appthemehelper.common.views.ATEAccentTextView
            style="@style/SubTitleTextAppearance"
            android:text="@string/social" />

        <LinearLayout
            android:id="@+id/pinterestLink"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="?attr/rectSelector"
            android:clickable="true"
            android:focusable="true"
            android:minHeight="@dimen/md_listitem_height"
            android:orientation="horizontal"
            tools:ignore="PrivateResource">

            <code.name.monkey.retromusic.views.IconImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:padding="16dp"
                app:srcCompat="@drawable/ic_pinterest_white_24dp"
                app:tint="@color/md_white_1000" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:paddingStart="12dp"
                android:paddingTop="8dp"
                android:paddingEnd="12dp"
                android:paddingBottom="8dp">


                <code.name.monkey.appthemehelper.common.views.ATEPrimaryTextView
                    style="@style/TextAppearance.MaterialComponents.Subtitle1"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="@string/pinterest_page"
                    app:fontFamily="@font/circular_std_medium" />

                <code.name.monkey.appthemehelper.common.views.ATESecondaryTextView
                    style="@style/TextAppearance.MaterialComponents.Body2"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:alpha="0.85"
                    android:text="@string/pinterest_page_summary" />
            </LinearLayout>
        </LinearLayout>

        <LinearLayout
            android:id="@+id/instagramLink"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="?attr/rectSelector"
            android:clickable="true"
            android:focusable="true"
            android:minHeight="@dimen/md_listitem_height"
            android:orientation="horizontal"
            tools:ignore="PrivateResource">

            <code.name.monkey.retromusic.views.IconImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:padding="16dp"
                app:srcCompat="@drawable/ic_instagram_white_24dp"
                app:tint="@color/md_white_1000" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:paddingStart="12dp"
                android:paddingTop="8dp"
                android:paddingEnd="12dp"
                android:paddingBottom="8dp">


                <code.name.monkey.appthemehelper.common.views.ATEPrimaryTextView
                    style="@style/TextAppearance.MaterialComponents.Subtitle1"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="@string/instagram_page"
                    app:fontFamily="@font/circular_std_medium" />

                <code.name.monkey.appthemehelper.common.views.ATESecondaryTextView
                    style="@style/TextAppearance.MaterialComponents.Body2"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:alpha="0.85"
                    android:text="@string/instagram_page_summary" />
            </LinearLayout>
        </LinearLayout>

        <LinearLayout
            android:id="@+id/twitterLink"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="?attr/rectSelector"
            android:clickable="true"
            android:focusable="true"
            android:minHeight="@dimen/md_listitem_height"
            android:orientation="horizontal"
            tools:ignore="PrivateResource">

            <code.name.monkey.retromusic.views.IconImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:padding="16dp"
                app:srcCompat="@drawable/ic_twitter_white_24dp"
                app:tint="@color/md_white_1000" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:paddingStart="12dp"
                android:paddingTop="8dp"
                android:paddingEnd="12dp"
                android:paddingBottom="8dp">

                <code.name.monkey.appthemehelper.common.views.ATEPrimaryTextView
                    style="@style/TextAppearance.MaterialComponents.Subtitle1"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="@string/twitter_page"
                    app:fontFamily="@font/circular_std_medium" />

                <code.name.monkey.appthemehelper.common.views.ATESecondaryTextView
                    style="@style/TextAppearance.MaterialComponents.Body2"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:alpha="0.85"
                    android:text="@string/twitter_page_summary" />
            </LinearLayout>
        </LinearLayout>

        <LinearLayout
            android:id="@+id/telegramLink"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="?attr/rectSelector"
            android:clickable="true"
            android:focusable="true"
            android:minHeight="@dimen/md_listitem_height"
            android:orientation="horizontal"
            tools:ignore="PrivateResource">

            <code.name.monkey.retromusic.views.IconImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:padding="16dp"
                app:srcCompat="@drawable/ic_telegram_white"
                app:tint="@color/md_white_1000" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:paddingStart="12dp"
                android:paddingTop="8dp"
                android:paddingEnd="12dp"
                android:paddingBottom="8dp">

                <code.name.monkey.appthemehelper.common.views.ATEPrimaryTextView
                    style="@style/TextAppearance.MaterialComponents.Subtitle1"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="@string/telegram_group"
                    app:fontFamily="@font/circular_std_medium" />

                <code.name.monkey.appthemehelper.common.views.ATESecondaryTextView
                    style="@style/TextAppearance.MaterialComponents.Body2"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:alpha="0.85"
                    android:text="@string/telegram_group_summary" />
            </LinearLayout>
        </LinearLayout>

    </LinearLayout>
</com.google.android.material.card.MaterialCardView>