Edit in JSFiddle 

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vue App</title>

    <style>
      body {
        padding: 0;
        margin: 0;
      }

      .container {
        width: 100vw;
        height: 100vh;
        flex-direction: column;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .inner-container {
        align-self: stretch;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1em;
        padding: 1em;
      }

      .button {
        flex: 1 1 0;
        height: 50px;
        padding: 10px 18px;
        border-radius: 3px;
        overflow: hidden;
        justify-content: center;
        align-items: center;
        gap: 10px;
        display: flex;
      }

      .button-identify,
      .button-signup {
        cursor: pointer;
      }

      .button-identify {
        background: #180051;
      }

      .button-signup {
        background: #C1BBFF;
      }

      .button-text {
        text-align: center;
        color: white;
        font-size: 16px;
        font-weight: 700;
        line-height: 30px;
        word-wrap: break-word;
      }

      .button-signup .button-text {
        color: #280084;
      }

      button {
        border: none;
        background: none;
        padding: 0;
        margin: 0;
        transition: 250ms ease-in;
      }

      .button:hover .button-text {
        color: #fff;
        transition: 100ms ease-in;
      }

      .button:hover {
        background-color: #4D00FF;
      }

    </style>
  </head>

  <body>
    <div id="app">
      <div class="container">
        <div class="inner-container">
          <button class="button button-identify" @click="signIn">
            <span class="button-text">{{ logIn }}</span>
          </button>
          <button class="button button-signup" @click="register">
            <span class="button-text">{{ signUp }}</span>
          </button>
        </div>
      </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
    <script>
      new Vue({
        el: '#app',
        data: {
          logIn: 'Log in',
          signUp: 'Sign up'
        },
        methods: {
          signIn() {
            console.log('"Log-in" button pressed');
          },
          register() {
            console.log('"Sign up" button pressed');
          }
        }
      });

    </script>
  </body>

</html>