/*primary button*/

.btn-primary, .sppb-btn-primary { background: transparent; border: 1px solid #fff !important; border-radius: 20px;}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:hover:active, .sppb-btn-primary:hover, .sppb-btn-primary:focus, .sppb-btn-primary:active, .sppb-btn-primary:hover:active {background:transparent;}

.btn-primary:hover, .sppb-btn-primary:hover { background: #fff; color:#333333;}

.contact-form .btn-primary, .contact-form .sppb-btn-primary{border: 1px solid #333333 !important;color:#333333;}

.contact-form .btn-primary:hover, .contact-form .sppb-btn-primary:hover { background: #333333; color:#fff;}

#user-registration.form-validate button.btn-primary {border-color:#000 !important;color:#000}

#user-registration.form-validate button.btn-primary:hover {background:#000; color:#fff}

/*end of primary button*/

/*default button*/

.btn-default, .sppb-btn-default { background: transparent; border: 1px solid #333333 !important; border-radius: 20px; color:#333333;}

.btn-default:hover, .sppb-btn-default:hover { background: #333333; color:#fff;}

/*end of default button*/

/*log in button*/

.com-users .reg-login-form-wrap .registration .form-group .btn-primary.btn-block, .com-users .reg-login-form-wrap .login .form-group .btn-primary.btn-block { border-color: #333 !important; color: #333;}

.com-users .reg-login-form-wrap .registration .form-group .btn-primary.btn-block:hover, .com-users .reg-login-form-wrap .login .form-group .btn-primary.btn-block:hover { border-color: #333 !important; color: #fff; background:#000;}

/*end of log in button*/

/*register button*/

.com-users .reg-login-form-wrap .registration .form-validate .form-group .btn.btn-primary { border-color: #333 !important; color: #333;}

.com-users .reg-login-form-wrap .registration .form-validate .form-group .btn.btn-primary:hover {background:#333; color:#fff;}

/*end of register button*/

/*log out button*/

.logout .form-group button.btn.btn-primary { color: #333; border-color: #333 !important;}

.logout .form-group button.btn.btn-primary:hover { color: #fff; border-color: #333 !important;background:#333;}

/*end of log out button*/

/*hika button*/

.hikabtn {display: inline-flex;border-radius: 30px;padding: 8px 20px;min-width: 64px;border-color: #333; transition:all ease 400ms;}

.hikabtn:hover {background:#eee;transition:all ease 400ms;}

a.hikabtn.hikabtn-success { margin-top: 10px;}

/*end of hika button*/