@mixin glashelder-outer-container($local-max-width: $max-width)
  +outer-container($local-max-width)
  padding: 0 40px

.button-large
  position: relative
  display: block
  width: 296px
  height: 60px
  background-color: $brand-secondary
  color: $white
  margin: 0 auto
  line-height: 60px
  font-family: $font-sans
  font-weight: bold
  text-decoration: none
  font-size: 28px
  padding-left: 35px
  border-radius: 8px

  +transition(background-color .3s)

  &:hover
    background-color: lighten($brand-secondary, 10)


  &:after
    content: ''
    width: 24px
    height: 24px
    background-image: url(../img/icons/icon-more.svg)
    position: absolute
    right: 25px
    top: 17px