<div class="wrap">
  <div class="container">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi <a href="#">sunt sequi</a>, a, iusto excepturi maxime consequatur tempore ipsam id cumque pariatur sapiente perspiciatis. Nobis accusantium distinctio eligendi aperiam quo qui!</p>
    
    <div class="cta-sam"><a href="https://skillsandmore.org/trucchi-css-2017">Scopri l'articolo completo</a></div>
  </div>
</div>

/* Esempio currentColor */

.container{
  color: green;
  width: calc( 100% - 40px);
  margin: 0 20px;
}

.container p{
  padding-bottom: 10px;
  border-bottom: 3px solid currentColor;
}










/* Stili di abbellimento */

html, body{
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  padding: 0;
}

.wrap{
  margin: 30px;
}

/* Stili Call to Action */
.cta-sam{
  margin: 30px auto;
  text-align: center;
}

.cta-sam a{
  background-color: #EF6C00;
  display: inline-block;
  padding: 20px;
  border-radius: 6px;
  color: #fff;
  text-decoration: none;
}

.cta-sam a:hover{
  background-color: #333;
}