Load more

by Himanshu Joshi

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="http://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="secondary-cta row">
  <div class="secondary-cta__inner col-lg-12">
    <div class="secondary-cta__inner__label">Load More</div>
  </div>  
</div>

SCSS

@import url(https://fonts.googleapis.com/css?family=Roboto:100&subset=latin-ext);
.secondary-cta{
  .secondary-cta__inner{
    position: relative;  
    width: 260px;
    height: 60px;
    background-color: #ffffff;
    border: solid 2px #00a5e3;
    padding: 0;
    margin: 0 auto;
    .secondary-cta__inner__label{
      font-family: Roboto;
      font-size: 18px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #009ddb;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }
  }
}