<div class="hero is-primary">
  <div class="hero-body">
    <div class="container">
      <h1 class="title has-text-centered">
        Account Unlock
      </h1>
    </div>
  </div>
</div>

<div class="container is-fluid">
  <div class="columns is-centered is-mobile">
    <div class="column">
      <div class="email-details">
        <p>Your account has been locked due to an excessive number of unsuccessful sign in attempts.</p>

        <p>Click the link below to unlock your account:</p>

        <div class="email-action-button-container">
          <%= link_to 'Unlock my account', unlock_url(@resource, unlock_token: @token), class: "button is-primary is-fullwidth is-rounded" %>
        </div>
      </div>
    </div>
  </div>
</div>
