/*
// Variables & Definitions
*/


.blog-section {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  background-image: linear-gradient(#f4f8fa, #f7f9fa);

  .button {
    text-align: center;
    padding: 0 0 20px 0;

    .mbt-btn {
      display: inline-block;
      color: #5a656d;
      max-width: 200px;
      font-size: 16px;
      line-height: 19px;
      padding: 12px 25px;
      border: 1px solid #5a656d;
      border-radius: 3px;
	  background-clip: padding-box;
      min-height: 45px;
      font-weight: 500;

      &:hover, &:active, &:focus {
        background-color: #666667;
        color: #ffffff;
        text-decoration: none;
      }
    }
  } 
} 

/* TABLET STYLES */
@media screen and (min-width: 768px) and (max-width: 1024px) {
}

/* MOBILE STYLING */
@media screen and (max-width: 767px) {
  .blog-section {
    padding: 10px 0 40px 0;
    position: relative;
    .button {
      text-align: center;
      padding: 0 20px;
  
      .mbt-btn {
        display: block;
        max-width: 100%;
      }
    }
  } 
}