a.corner-button
  display: block
  height: 40px

  .title
    +position(absolute, null 0 0 null )
    padding-left: 10px
    width: 100%
    height: 40px
    line-height: 40px
    color: #fff
    background: #000

    font-size: .818182em
    font-weight: 700

  .square-button
    +position(absolute, null 0 0 null )
    width: 40px
    line-height: 40px
    text-align: center
    height: 40px
    color: #000
    background: #fff

    &:after
      content: ''
      display: block
      +position(absolute, 50% null null 50%)
      margin: -5px 0 0 -7px
      +sprite(14px,10px,-200px -10px)

a.call-to-action-image
  display: block
  height: 100%
  width: 100%

  img
    +transition(transform 150ms ease-out)

  &:hover
    img
      +transform(scale(1.1))

  &.corner-button
    .title
      width: 50%

      +respond-to(small-mobile)
        width: 100%