/*----------------------- Btn ------------------------*/

.btn

  &-default
    width: 100%
    background-color: $btn-main
    font-size: 14px
    display: inline-block
    text-transform: uppercase
    color: #fff
    font-family: $font-semi
    -webkit-transition: .3s ease all
    -moz-transition: .3s ease all
    -ms-transition: .3s ease all
    -o-transition: .3s ease all
    transition: .3s ease all
    padding: .8em 1em
    border: 0
    -webkit-border-radius: 7px
    -moz-border-radius: 7px
    border-radius: 7px

    @media screen and (max-width: 767px)
      font-size: 12px

    &:hover
      background-color: $btn-hover!important
      -webkit-transition: .3s ease all
      -moz-transition: .3s ease all
      -ms-transition: .3s ease all
      -o-transition: .3s ease all
      transition: .3s ease all
      color: #fff

    &:active
      color: #fff!important
      outline: none!important
      background-color: $btn-active!important

    &:focus
      color: #fff!important
      outline: none!important
      background-color: $btn-main!important

  &-grey
    width: 100%
    background-color: $btn-grey
    font-size: 14px
    display: inline-block
    text-transform: uppercase
    color: #fff
    font-family: $font-semi
    -webkit-transition: .3s ease all
    -moz-transition: .3s ease all
    -ms-transition: .3s ease all
    -o-transition: .3s ease all
    transition: .3s ease all
    padding: .8em 1em
    border: 0
    -webkit-border-radius: 7px
    -moz-border-radius: 7px
    border-radius: 7px

    @media screen and (max-width: 767px)
      font-size: 12px

    &:hover
      background-color: $btn-grey!important
      -webkit-transition: .3s ease all
      -moz-transition: .3s ease all
      -ms-transition: .3s ease all
      -o-transition: .3s ease all
      transition: .3s ease all
      color: #fff

    &:active
      color: #fff!important
      outline: none!important
      background-color: $btn-grey!important

    &:focus
      color: #fff!important
      outline: none!important
      background-color: $btn-grey!important