// base buttons
.btn {
display: inline-block; padding: 0 1.5em; border-radius: 2px; text-align: center; line-height: 56px; cursor: pointer; transition: box-shadow .125s ease-out; &:hover { @include shadow-lg; }
}
.btn–submit {
background-color: $base-color; color: #fff;
}
.btn–success {
background-color: $success; color: #fff;
}
.btn–default {
background-color: #fff; color: #333;
}
.btn–default-border {
background-color: transparent; color: #333; border: 1px solid rgba(0, 0, 0, 0.15); line-height: 54px; transition: none; transition: color .125s ease-out; transition: border-color .125s ease-out; &:hover { @include shadow-none; border-color: rgba(0, 0, 0, 0.35); color: #000; }
}
.btn–error {
background-color: #222; color: #fff;
}
// variants
.btn–sm {
padding: 0 1em; line-height: 44px;
}
.btn–default-border {
&.btn--sm { line-height: 42px; }
}