@charset "utf-8";
/* CSS Document */


.sppb-btn {
	
	    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    -webkit-appearance: none;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 30px;
    vertical-align: middle;
    font-size: 15px;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    transition: .2s ease-in-out;
    transition-property: color,background-color,background-position,background-size,border-color,box-shadow;
    font-weight: 600;
    border-radius: 500px;
    background-origin: border-box;
    background-size: 200%;
    background-position-x: 100%;
	
}






.sppb-btn-lg {
	    padding: 0 40px;
    line-height: 52px;
    font-size: 16px;
}





.sppb-btn-default {


    background-color: #f7f8fc;
    color: #0d0a46;
    border: 2px solid transparent;
    box-shadow: -5px -5px 15px rgba(255,255,255,.9),4px 4px 12px rgba(57,65,124,.2);
}



.sppb-btn-default:hover {
	    background-color: #f7f8fc;
  color: #6f40f1;
    border-color: transparent;
    box-shadow: -2px -2px 5px rgba(255,255,255,.9),2px 2px 4px rgba(57,65,124,.2)
}


.sppb-btn-primary {
	
	    background-color: #4c11ed;
    color: #fff;
    border-color: transparent;
    background-image: linear-gradient(51deg,#7335ed 50%,#3f64d3 75%,#007bde 100%);

	 box-shadow: -5px -5px 15px rgba(255,255,255,.9),5px 5px 15px rgba(60,14,189,.4);
}

.sppb-btn-primary:hover {
		background-color: #5d28ef;
    color: #fff;
    border-color: transparent;
	    background-image: linear-gradient(51deg,#7335ed 99%,#3f64d3 99%,#007bde 100%);

    box-shadow: -2px -2px 5px rgba(255,255,255,.9),2px 2px 5px rgba(60,14,189,.3)
}