Outline Buttons with a Thin Stroke

Outline Buttons with a Thin Stroke

This customization adds a stroke outline and no fill inside your molecules giving your buttons a lighter feel. This effects light and dark text options. To add this change, just simply copy and paste the following code into the Custom CSS box in ePanel and click Save. If you decide to revert to the original style, just delete the code from the Custom CSS field.

/*DIVI CTA BUTTONS - OUTLINE STYLE*/
 
.et_pb_bg_layout_light .et_pb_promo_button, .et_pb_bg_layout_light .et_pb_more_button, 
.et_pb_bg_layout_light .et_pb_newsletter_button, .et_pb_pricing_table_button {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #82c0c7;
    border-color: #82c0c7;
}
 
 
.et_pb_promo_button, .et_pb_newsletter_button, a.et_pb_more_button, .et_pb_pricing_table_button {
    background-color: rgba(0, 0, 0, 0);
    border: solid 2px;
}