// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

.btn
  display: inline-block
  font: 20px Arial, sans-serif
  margin: 5px 3px
  padding: 5px 10px
  border-radius: 3px
  text-decoration: none
  color: #585858
  background-color: #FFFFFF
  border: 1px solid #E6E6E6

.btn:hover
  cursor: pointer
  opacity: 0.7

.btn.large
  font: 27px Arial, sans-serif

.btn.small
  font: 14px Arial, sans-serif

.btn.blue
  color: #ffffff
  background: #3498db
  border: 1px solid #2980b9

.btn.green
  color: #ffffff
  background: #1abc9c
  border: 1px solid #16a085

.btn.yellow
  color: #ffffff
  background: #F3F781
  border: 1px solid #F4FA58

.btn.purple, .btn.violet
  color: #ffffff
  background: #9b59b6
  border: 1px solid #8e44ad

.btn.rose
  color: #ffffff
  background: #DF0101
  border: 1px solid #B40404

.btn.red
  color: #ffffff
  background: #e74c3c
  border: 1px solid #c0392b

.btn.pink
  color: #ffffff
  background: #F5BCA9
  border: 1px solid #F5A9A9

.btn.grey
  color: #ffffff
  background: #95a5a6
  border: 1px solid #7f8c8d

.btn.black
  color: #ffffff
  background: #424242
  border: 1px solid #2E2E2E

.btn.light-blue
  color: #ffffff
  background: #58D3F7
  border: 1px solid #2ECCFA

.btn.dark-blue
  color: #ffffff
  background: #34495e
  border: 1px solid #2c3e50