src/front/scss/layout/_buttons.scss
button {
color: inherit;
font: inherit;
margin: 0;
overflow: visible;
text-transform: none;
-webkit-appearance: button;
cursor: pointer;
}
button[disabled] {
cursor: default;
color: #444 !important;
background-color: #CCC !important;
border-color: #BBB !important;
}
button::-moz-focus-inner {
border: 0;
padding: 0;
}
.button,
button {
display: inline-block;
height: 38px;
padding: 0 30px;
color: #555;
text-align: center;
font-size: 11px;
font-weight: 600;
letter-spacing: .1rem;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border-radius: 4px;
border: 1px solid #bbb;
cursor: pointer;
box-sizing: border-box;
margin-bottom: 1rem;
&:focus,
&:hover {
color: #333;
border-color: #888;
outline: 0;
}
&.button-primary {
color: #FFF;
background-color: #33C3F0;
border-color: #33C3F0;
&:focus, &:hover {
color: #FFF;
background-color: #1EAEDB;
border-color: #1EAEDB;
}
}
}