/* button default*/

.sppb-btn.sppb-btn-default {
    background: transparent !important;
    color: #000;
    font-size: 16px;
    line-height: 1;
    padding: 15px 30px;
    border-radius: 0px;
    border: 0;
    position: relative;
    z-index: 1 !important;
}
.sppb-btn.sppb-btn-default:before {
    content: "";
    position: absolute;
    background: #55b949;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: skewX(20deg);
    z-index: -1;
}
.sppb-btn.sppb-btn-default:after {
    content: "";
    position: absolute;
    background: #ffffff;
    width: 0px;
    height: 100%;
    transform: skewX(20deg);
    top: 0;
    left: 0;
    z-index: -1;
    transition: 0.5s;
}
.sppb-btn.sppb-btn-default:hover {
    color: #55b949;
}
.sppb-btn.sppb-btn-default:hover:after {
    width: 100%;
}
@media(Max-width:991px){
.sppb-btn.sppb-btn-default {
    font-size: 10px;
    padding: 8px 14px;
}
}

/*button#bfSubmitButton*/

button#bfSubmitButton {
    background: transparent !important;
    color: #000;
    font-size: 16px;
    line-height: 1 !important;
    padding: 15px 30px;
    border-radius: 0px;
    border: 0;
    position: relative;
    text-transform: uppercase;
}
button#bfSubmitButton:before {
    content: "";
    position: absolute;
    background: #55b949;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: skewX(20deg);
    z-index: -1;
}
button#bfSubmitButton:after {
    content: "";
    position: absolute;
    background: #ffffff;
    width: 0px;
    height: 100%;
    transform: skewX(20deg);
    top: 0;
    left: 0;
    z-index: -1;
    transition: 0.5s;
}
button#bfSubmitButton:hover {
    color: #55b949;
}
button#bfSubmitButton:hover:after {
    width: 100%;
}
@media(Max-width:991px){
button#bfSubmitButton {
    font-size: 12px;
    padding: 8px 14px !Important;
    line-height: 1 !important;
}
}

input.button {
    background: #55b949 !important;
    color: #000;
    font-size: 13px;
    line-height: 1;
    padding: 8px 14px;
    font-weight: 600;
    border-radius: 0px;
    border: 0;
    position: relative;
    transition: 0.3s;
  text-transform: uppercase;
}
input.button:hover {
    background: #000000 !important;
    color: #55b949 !Important;
}