/** Buttons **/
.primary-button
  position: relative
  width: 250px
  height: 50px
  border-radius: 50px

  padding: 0px 30px

  display: flex
  justify-content: flex-start
  align-items: center

  color: white
  transition: all 0.3s ease 0s

  .arrow-icon
    position: absolute
    right: 30px
    top: 20px

    width: 13px
    img
      width: 100%

  background: #216AB1
  background: -webkit-linear-gradient(45deg, #216AB1, #2151FF)
  background: -o-linear-gradient(45deg, #216AB1, #2151FF)
  background: -moz-linear-gradient(45deg, #216AB1, #2151FF)
  background: linear-gradient(45deg, #216AB1, #2151FF)

  &:hover
    cursor: pointer
    opacity: 0.75

.secondary-button
  position: relative
  width: 250px
  height: 50px
  border-radius: 50px
  border: 2px solid #2151FF

  padding: 0px 30px

  display: flex
  justify-content: flex-start
  align-items: center

  color: #216AB1
  transition: background ease 0.4

  .arrow-icon
    position: absolute
    right: 30px
    top: 20px

    width: 13px
    img
      width: 100%

  background: transparant
  transition: all 0.3s ease 0s

  &:hover
    cursor: pointer
    background: rgba(#216AB1, 0.05)

.login
  .secondary-button
    background-color: white
    margin: 15px 0