.benefits

  .column
    +grid-padding-s($right: .5, $left: .5)
    text-align: center

    a
      display: block
      color: #949494
      +transition(color 200ms ease-out)

      &:hover
        color: #666666

        .icon
          opacity: .8

    .title
      display: block
      +type-basic-semibold-uc
      +grid-margin($bottom: 0.25)

    .desc
      +type-small

    .icon
      display: inline-block
      +grid-margin($bottom: 0.25)
      opacity: .5
      @extend %icon-sprite
      +transition(opacity 200ms ease-out)

      &.trace
        +icon-sprite(0,5,31px,32px)
      &.safe
        +icon-sprite(2,5,24px,32px)
      &.reminder
        +icon-sprite(4,5,24px,32px)
      &.discount
        +icon-sprite(6,5,30px,32px)