<template>
  <div id="cta-wago-addons">
    <h2>The Wago App Open Beta is here!</h2>
    <p>Join the Wago App open Beta to manage your addons and download WeakAuras all in one App.</p>
    <md-button md-raised md-accent href="https://addons.wago.io/app">Find out more</md-button>
  </div>
</template>

<style lang="scss">
#cta-wago-addons {
  width: 100%;
  margin-top: 16px;
  border: 1px solid #a12126;
  padding: 32px;
  background: #242424 url('./../../assets/robot.png');
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 200px auto;
  h2 {
    margin: 0;
  }
  p {
    max-width: 430px;
    background: #242424CC;
    border-radius: 4px
  }
  .md-button {
    margin: 0;
    background: #a12126;
  }
}
</style>