.wcqb-preset.preset1,
.wcqb-preset.preset2,
.wcqb-preset.preset3,
.wcqb-preset.preset4,
.wcqb-preset.preset5,
.wcqb-preset.preset6 {
border: none;
color: #fff;
letter-spacing: 1px;
padding: 15px 25px;
border-radius: 2px;
text-transform: uppercase;
font-weight: 500;
-webkit-transition: -webkit-box-shadow .2s ease;
transition: -webkit-box-shadow .2s ease;
transition: box-shadow .2s ease;
transition: box-shadow .2s ease, -webkit-box-shadow .2s ease;
cursor: pointer;
outline: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
display: inline-block;
font-size: 16px;
width: 100%;
}
.wcqb-preset.preset1:hover,
.wcqb-preset.preset2:hover,
.wcqb-preset.preset3:hover,
.wcqb-preset.preset4:hover,
.wcqb-preset.preset5:hover,
.wcqb-preset.preset6:hover {
-webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .12);
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .12)
}
.wcqb-preset.preset1:active,
.wcqb-preset.preset2:active,
.wcqb-preset.preset3:active,
.wcqb-preset.preset4:active,
.wcqb-preset.preset5:active,
.wcqb-preset.preset6:active {
-webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .12) inset;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .12) inset
}
.wcqb-preset.preset1:disabled,
.wcqb-preset.preset1[disabled],
.wcqb-preset.preset2:disabled,
.wcqb-preset.preset2[disabled],
.wcqb-preset.preset3:disabled,
.wcqb-preset.preset3[disabled],
.wcqb-preset.preset4:disabled,
.wcqb-preset.preset4[disabled],
.wcqb-preset.preset5:disabled,
.wcqb-preset.preset5[disabled],
.wcqb-preset.preset6:disabled,
.wcqb-preset.preset6[disabled] {
opacity: .4
}
.wcqb-preset.preset1 {
background: #fb641b
}
.wcqb-preset.preset2 {
background: #ff9f00
}
.wcqb-preset.preset3 {
background: rgba(0, 169, 31, .9)
}
.wcqb-preset.preset4 {
background: #2874f0
}
.wcqb-preset.preset5 {
background: #292929
}
.wcqb-preset.preset6 {
background: #f44336
}
.wcqb_button:disabled,
.wcqb_button[disabled] {
cursor: not-allowed
}