/*default*/

.sppb-btn.sppb-btn-default {
    padding: 5px 0;
    border-radius: 0;
    border: 0;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    background: #f5f5f5;
    position: relative;
    margin-left: 20px;
}

.sppb-btn.sppb-btn-default i {
    font-size: 5px;
    transition: all 0.5s;
}

.sppb-btn.sppb-btn-default:before {
    content: "";
    position: absolute;
    border: 1px solid #000;
    width: 55px;
    height: 55px;
    border-radius: 100%;
    left: -25px;
    z-index: -1;
    transition: all 0.5s;
}

.sppb-btn.sppb-btn-default:hover i {
    color: #dd2a1b;
} 


.sppb-btn.sppb-btn-default:hover:before {
    border-color: #dd2a1b;
}

.sppb-btn.sppb-btn-default:focus {
    box-shadow: none;
}


/*end of default*/



/*primary*/

.sppb-btn.sppb-btn-primary {
    padding: 5px 0;
    border-radius: 0;
    border: 0;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #2e2e2e;
    position: relative;
    margin-left: 20px;
}

.sppb-btn.sppb-btn-primary i {
    font-size: 5px;
    transition: all 0.5s;
}

.sppb-btn.sppb-btn-primary:before {
    content: "";
    position: absolute;
    border: 1px solid #000;
    width: 55px;
    height: 55px;
    border-radius: 100%;
    left: -25px;
    z-index: -1;
    transition: all 0.5s;
}

.sppb-btn.sppb-btn-primary:hover i {
    color: #dd2a1b;
} 


.sppb-btn.sppb-btn-primary:hover:before {
    border-color: #dd2a1b;
}

.sppb-btn.sppb-btn-primary:focus {
    box-shadow: none;
    background: #fff;
}


/*end of primary*/

.sppb-addon-image-layout-image.image-fit, .sppb-img-responsive.image-fit {
      border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

.sppb-addon-image-layout-wrap {
    border-radius: 20px;
    box-shadow: 2px 3px 26px #d9d9d9;
}

.sppb-addon-image-layout-content {
    border: 1px solid #fff0;
}

.sppb-addon-image-layout-content {
    background: #fff0;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}