/*buttonblue{
  	position: relative;
}

.buttonblue {
    position: center;
    padding: 10px 30px;
    background-image: linear-gradient(to bottom left, #01ACED, #202B59);
    transform: skewX(-20deg);
    border-radius: 0;
    font-style: normal;
  	font-family: manrope;
    color: #ffffff;
}

.buttonblue:hover {
    background-image: linear-gradient(to top right, #01ACED, #202B59);
}*/


/* BUTTON */


.sppb-btn-primary.focus, .sppb-btn-primary:focus {
    color: unset !important;
    box-shadow: unset  !important;
}


body div .sppb-addon-optin-forms .sppb-btn-primary, body div .sppb-btn-primary{
    background: transparent !important;
    color: #fff !important;
    line-height: 1 !important;
    padding: 15px 30px !important;
    border-radius: 0px !important;
    border: 0 !important;
    position: relative !important;
  
}


body div .sppb-addon-optin-forms .sppb-btn-primary, body div .sppb-btn-primary:before {
content: "";
    position: absolute;
   background-image: linear-gradient(to bottom left, #01ACED, #202B59)!important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: skewX(-16deg);
    z-index: -1;
    box-shadow: 3px 3px 9px #00000047 !important;
    transition: 0.5s !important;
 
}




body div .sppb-addon-optin-forms .sppb-btn-primary, body div .sppb-btn-primary:hover:before {
  box-shadow: 3px 3px 9px #00000047 !important;
background-image: linear-gradient(to bottom left, #202B59, #01ACED)!important;
  transition: 0.5s !important;
 
}


body div .sppb-addon-optin-forms .sppb-btn-primary:focus, body div .sppb-btn-primary:focus, body div .sppb-addon-optin-forms .sppb-btn-primary:hover, body div .sppb-btn:hover {
  
       letter-spacing: 0.3px !important;
  
} 




body div .sppb-addon-optin-forms .sppb-btn-primary, body div .sppb-btn-primary:hover:after {
    width: 100%;
}


/* END OF BUTTON */