Edit in JSFiddle

Result
HTML
JavaScript
CSS

<html lang="en">

  <head>
    <meta charset="utf-8">

    <title>Sofware Developer - Mobile Development</title>
    <meta name="description" content="Sofware Developer - Mobile Development">
    <meta name="author" content="Planbook">

    <link rel="stylesheet" type="text/css" href="https://cdn.planbook.com/assets/fonts/Raleway/all.css">
  </head>

  <body>
    <div id="app">
      <div class="text28 cBlue title">
        <h4 class="text-center">{{ title }}</h4>
      </div>
      <div>
        <p class="text-center">{{ instruction }}</p>
      </div>
      <div>
        <div class="button" @click="launchApplicationForm()">
          <span>{{ buttonText }}</span>
        </div>
      </div>
    </div>
  </body>

</html>

new Vue({
  el: "#app",
  data: {
    title: "Skills Test",
    instruction: "Fix the button below in order to submit your resume.",
    buttonText: "Apply Now!"
  },
  functions: {
  	launchApplicationForm() {
      const url = '\x68\x74\x74\x70\x73\x3A\x2F\x2F\x66\x6F\x72\x6D\x73\x2E\x67\x6C\x65\x2F\x62\x55\x55\x57\x73\x61\x4C\x6B\x32\x4A\x34\x63\x43\x71\x4A\x38\x38';
      window.open(url,'_blank');
    }
  }
});

html {
  margin: 0px;
  padding: 0px;
  height: 100%;
}

body {
  font-family: Raleway, Arial, Helvetica, sans-serif;
  font-weight: 200;
  color: #333333;
  font-size: 16pt;
  margin: 0px;
  padding: 0px;
}

.title {
  padding-top: 30px;
}

.cBlue {
  color: #0057c1;
}

.text28 {
  font-size: 28px;
}

.text-center {
  text-align: center;
}

.button {
  width: 200px;
  margin: 0 auto;
  text-align: center;
  background-color: #d81632;
  color: #FFFFFF;
  padding: 25px 20px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 18px;
  cursor: pointer;
}