title: How to make Button overlap CardView at the bottom
body: <p>I am creating an app that displays announcements, and I want to add a login. I am trying to make this XML design, <img src="https://i.pinimg.com/736x/9c/79/be/9c79be32443e3440ee92f517b735e94d--login-page-material-design.jpg" alt="image">. 
  I want the button to <strong>OVERLAP</strong> the CardView at the bottom and center of it. 
  If it's necessary I'll change the root of the file. </p>
  
  <p>Here is my XML code:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;RelativeLayout
      android:background="#fff"
      xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:tools="http://schemas.android.com/tools"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      xmlns:card_view="http://schemas.android.com/apk/res-auto"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      tools:context="com.crescendo.lldm.crescendo.A_Login"&gt;
  
      &lt;RelativeLayout
          android:id="@+id/rl_one_login"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"&gt;
  
          &lt;View
              android:id="@+id/v_one_login"
              android:background="@drawable/gradient_background_one"
              android:layout_width="match_parent"
              android:layout_height="300dp" /&gt;
  
          &lt;RelativeLayout
              android:layout_marginTop="90dp"
              android:id="@+id/rl_two_login"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"&gt;
  
              &lt;TextView
                  android:textStyle="bold"
                  android:id="@+id/tv_one_login"
                  android:textSize="32sp"
                  android:textAlignment="center"
                  android:textColor="@color/colorWhite"
                  android:text="C R E S C E N D O"
                  android:layout_width="match_parent"
                  android:layout_height="wrap_content" /&gt;
  
              &lt;TextView
                  android:layout_below="@+id/tv_one_login"
                  android:textSize="15sp"
                  android:textAlignment="center"
                  android:textColor="@color/colorWhite"
                  android:text="FOR THE USA MONUMENTAL CHOIR"
                  android:layout_width="match_parent"
                  android:layout_height="wrap_content" /&gt;
  
          &lt;/RelativeLayout&gt;
  
      &lt;/RelativeLayout&gt;
  
      &lt;android.support.v7.widget.CardView
          app:cardUseCompatPadding="false"
          app:cardPreventCornerOverlap="false"
          android:id="@+id/cv_one_login"
          app:cardBackgroundColor="#fcfcfc"
          android:layout_marginTop="240dp"
          card_view:cardElevation="10dp"
          app:cardCornerRadius="10dp"
          android:elevation="10dp"
          android:layout_centerHorizontal="true"
          android:layout_width="360dp"
          android:layout_height="280dp"&gt;
  
          &lt;RelativeLayout
              android:layout_width="match_parent"
              android:layout_height="match_parent"&gt;
  
          &lt;/RelativeLayout&gt;
  
      &lt;/android.support.v7.widget.CardView&gt;
  
      &lt;Button
          android:layout_marginTop="197dp"
          android:layout_below="@+id/rl_one_login"
          android:layout_centerHorizontal="true"
          android:elevation="15dp"
          app:backgroundTint="@color/colorPrimary"
          android:layout_width="250dp"
          android:layout_height="50dp" /&gt;
  
  &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p>Here is what I get in my XML design, <a href="https://plus.google.com/photos/photo/113593249919921939624/6498096095815566674?authkey=COzm8KrMxp6TLw" rel="nofollow noreferrer">IMAGE2</a> Hope there is a solution. Thank you!</p>