/*==========================================================================
  Single Post on home
  ========================================================================== */

.home-blog-post
  padding: 80px 0 120px

  h3
    font-size: 1.75rem
    line-height: 1.2
    color: $darkPurple
    width: column(10, 12)
    margin: 0 auto 75px

    +respond-to-width(1700)
      width: 100%

  .posts-button
    display: block
    position: relative
    min-width: 200px
    width: 100%
    max-width: 265px
    margin: 80px auto 0
    padding: 8px 55px 8px 20px
    border-radius: 10px
    border: 1px solid $purple
    font-family: rubik()
    font-size: 0.8rem
    line-height: 1.6
    transition: background 0.3s
    cursor: pointer
    text-decoration: none
    color: $purple

    &:after
      content: ''
      display: inline-block
      position: absolute
      right: 20px
      bottom: 15px
      +arrowPurple
      +translate3d(0,0,0)
      transition: transform 0.3s

    &:hover
      &:after
        +translate3d(5px, 0, 0)

  .post
    a
      .text
        background-color: $gray
        border-radius: 0 10px 10px 0

        +respond-to-width(850)
          border-radius: 0 0 10px 10px

  +respond-to-width(950)
    padding-bottom: 60px