File: /var/www/html/triad-infosec/wp-content/plugins/fusion-builder/assets/css/shortcodes/button.css
/* stylelint-disable length-zero-no-unit */
/* stylelint-enable length-zero-no-unit */
.fusion-builder-elements-button-all {
--button_margin-top: 0px;
--button_margin-right: 0px;
--button_margin-bottom: 0px;
--button_margin-left: 0px;
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
text-decoration: none;
cursor: pointer;
box-sizing: border-box;
font-family: var(--button_typography-font-family);
font-weight: var(--button_typography-font-weight);
font-style: var(--button_typography-font-style, normal);
letter-spacing: var(--button_typography-letter-spacing);
border-width: var(--button_border_width-top, 0) var(--button_border_width-right, 0) var(--button_border_width-bottom, 0) var(--button_border_width-left, 0);
border-style: solid;
border-radius: var(--button-border-radius-top-left, 0) var(--button-border-radius-top-right, 0) var(--button-border-radius-bottom-right, 0) var(--button-border-radius-bottom-left, 0);
text-transform: var(--button_text_transform);
transition: all 200ms;
margin: var(--button_margin-top) var(--button_margin-right) var(--button_margin-bottom) var(--button_margin-left);
}
button.button,
.fusion-body .fusion-button-default-size {
padding-top: var(--button_padding-top, 13px);
padding-right: var(--button_padding-right, 29px);
padding-bottom: var(--button_padding-bottom, 13px);
padding-left: var(--button_padding-left, 29px);
line-height: var(--button_line_height, 1);
font-size: var(--button_font_size, 14px);
}
button.button .fusion-button-text-left,
.fusion-body .fusion-button-default-size .fusion-button-text-left {
display: inline-block;
margin-left: calc(var(--button_padding-left, 29px) / 2 + var(--button_font_size, 14px) + 1px);
}
button.button .fusion-button-text-right,
.fusion-body .fusion-button-default-size .fusion-button-text-right {
display: inline-block;
margin-right: calc(var(--button_padding-right, 29px) / 2 + var(--button_font_size, 14px) + 1px);
}
button.button .button-icon-divider-left,
.fusion-body .fusion-button-default-size .button-icon-divider-left,
button.button .button-icon-divider-right,
.fusion-body .fusion-button-default-size .button-icon-divider-right {
margin: 0;
padding: 0;
width: calc(var(--button_padding-left, 29px) + var(--button_font_size, 14px));
}
button.button .button-icon-divider-left i,
.fusion-body .fusion-button-default-size .button-icon-divider-left i,
button.button .button-icon-divider-left img,
.fusion-body .fusion-button-default-size .button-icon-divider-left img,
button.button .button-icon-divider-right i,
.fusion-body .fusion-button-default-size .button-icon-divider-right i,
button.button .button-icon-divider-right img,
.fusion-body .fusion-button-default-size .button-icon-divider-right img {
display: block;
}
.fusion-builder-elements-button-main-default {
background: var(--button_gradient_top_color);
color: var(--button_accent_color);
border-color: var(--button_border_color);
}
.fusion-builder-elements-button-main-default .fusion-button-text {
color: var(--button_accent_color);
}
.fusion-builder-elements-button-main-default:hover .fusion-button-text,
.fusion-builder-elements-button-main-default:focus .fusion-button-text,
.fusion-builder-elements-button-main-default:active .fusion-button-text {
color: var(--button_accent_hover_color, var(--button_accent_color));
}
.fusion-builder-elements-button-main-gradient {
--button_gradient: linear-gradient(var(--button_gradient_angle, 180deg), var(--button_gradient_top_color) var(--button_gradient_start, 0%), var(--button_gradient_bottom_color) var(--button_gradient_end, 100%));
background-image: var(--button_gradient);
}
.fusion-builder-elements-button-main-hover-gradient,
.fusion-builder-elements-button-main-focus-gradient,
.fusion-builder-elements-button-main-active-gradient {
--button_gradient_hover: linear-gradient(var(--button_gradient_angle, 180deg), var(--button_gradient_top_color_hover) var(--button_gradient_start, 0%), var(--button_gradient_bottom_color_hover) var(--button_gradient_end, 100%));
background-image: var(--button_gradient_hover);
}
.fusion-builder-elements-button-main-radial-gradient {
--button_gradient: radial-gradient(circle at var(--button_radial_direction, center center), var(--button_gradient_top_color) var(--button_gradient_start, 0%), var(--button_gradient_bottom_color) var(--button_gradient_end, 100%));
background-image: var(--button_gradient);
}
.fusion-builder-elements-button-main-radial-hover-gradient,
.fusion-builder-elements-button-main-radial-focus-gradient,
.fusion-builder-elements-button-main-radial-active-gradient {
--button_gradient_hover: radial-gradient(circle at var(--button_radial_direction, center center), var(--button_gradient_top_color_hover) var(--button_gradient_start, 0%), var(--button_gradient_bottom_color_hover) var(--button_gradient_end, 100%));
background-image: var(--button_gradient_hover);
}
.fusion-builder-elements-button-main-visited {
color: var(--button_accent_color);
}
.fusion-builder-elements-button-main-hover,
.fusion-builder-elements-button-main-focus,
.fusion-builder-elements-button-main-active {
background: var(--button_gradient_top_color_hover);
color: var(--button_accent_hover_color, var(--button_accent_color));
border-color: var(--button_border_hover_color);
}
.fusion-builder-elements-button-main-span-yes {
width: 100%;
}
.fusion-button.button-flat {
box-shadow: none !important;
}
.fusion-button-wrapper {
display: inline;
}
.fusion-button-wrapper.fusion-aligncenter {
display: block;
text-align: center;
}
.fusion-button-wrapper.fusion-align-block {
display: block;
}
.fusion-disable-outline .bbp-submit-wrapper .button,
.fusion-disable-outline .fusion-button,
.fusion-disable-outline .gform_wrapper .button,
.fusion-disable-outline .gform_wrapper .gform_button,
.fusion-disable-outline .post-password-form input[type="submit"],
.fusion-disable-outline .tribe-events-tickets .button,
.fusion-disable-outline .tribe-tickets button,
.fusion-disable-outline .woocommerce .cart-collaterals .checkout-button,
.fusion-disable-outline .woocommerce .checkout #place_order,
.fusion-disable-outline .wpcf7-submit,
.fusion-disable-outline .tml-submit-wrap input[type="submit"],
.fusion-disable-outline .woocommerce.add_to_cart_inline .button,
.fusion-disable-outline .single_add_to_cart_button,
.fusion-disable-outline .button {
outline: 0;
}
.fusion-disable-outline .bbp-submit-wrapper .button:focus,
.fusion-disable-outline .fusion-button:focus,
.fusion-disable-outline .gform_wrapper .button:focus,
.fusion-disable-outline .gform_wrapper .gform_button:focus,
.fusion-disable-outline .post-password-form input[type="submit"]:focus,
.fusion-disable-outline .tribe-events-tickets .button:focus,
.fusion-disable-outline .tribe-tickets button:focus,
.fusion-disable-outline .woocommerce .cart-collaterals .checkout-button:focus,
.fusion-disable-outline .woocommerce .checkout #place_order:focus,
.fusion-disable-outline .wpcf7-submit:focus,
.fusion-disable-outline .tml-submit-wrap input[type="submit"]:focus,
.fusion-disable-outline .woocommerce.add_to_cart_inline .button:focus,
.fusion-disable-outline .single_add_to_cart_button:focus,
.fusion-disable-outline .button:focus {
outline: 0;
}
.fusion-button i,
.fusion-button-icon-divider,
.fusion-button-text {
transition: all 0.2s;
}
#bbp_user_edit_submit,
.bbp-submit-wrapper .button,
.button-small,
.fusion-body .fusion-button-small,
.single_add_to_cart_button,
.wpcf7-form .wpcf7-submit.button-small,
.wpcf7-form .wpcf7-submit.fusion-button-small {
padding: 9px 20px;
line-height: 14px;
font-size: 12px;
}
#bbp_user_edit_submit .fusion-button-text-left,
.bbp-submit-wrapper .button .fusion-button-text-left,
.button-small .fusion-button-text-left,
.fusion-body .fusion-button-small .fusion-button-text-left,
.single_add_to_cart_button .fusion-button-text-left,
.wpcf7-form .wpcf7-submit.button-small .fusion-button-text-left,
.wpcf7-form .wpcf7-submit.fusion-button-small .fusion-button-text-left {
display: inline-block;
padding-left: 25px;
}
#bbp_user_edit_submit .fusion-button-text-right,
.bbp-submit-wrapper .button .fusion-button-text-right,
.button-small .fusion-button-text-right,
.fusion-body .fusion-button-small .fusion-button-text-right,
.single_add_to_cart_button .fusion-button-text-right,
.wpcf7-form .wpcf7-submit.button-small .fusion-button-text-right,
.wpcf7-form .wpcf7-submit.fusion-button-small .fusion-button-text-right {
display: inline-block;
padding-right: 25px;
}
#bbp_user_edit_submit .button-icon-divider-left,
.bbp-submit-wrapper .button .button-icon-divider-left,
.button-small .button-icon-divider-left,
.fusion-body .fusion-button-small .button-icon-divider-left,
.single_add_to_cart_button .button-icon-divider-left,
.wpcf7-form .wpcf7-submit.button-small .button-icon-divider-left,
.wpcf7-form .wpcf7-submit.fusion-button-small .button-icon-divider-left {
padding: 0 10px;
}
#bbp_user_edit_submit .button-icon-divider-left.fusion-megamenu-image,
.bbp-submit-wrapper .button .button-icon-divider-left.fusion-megamenu-image,
.button-small .button-icon-divider-left.fusion-megamenu-image,
.fusion-body .fusion-button-small .button-icon-divider-left.fusion-megamenu-image,
.single_add_to_cart_button .button-icon-divider-left.fusion-megamenu-image,
.wpcf7-form .wpcf7-submit.button-small .button-icon-divider-left.fusion-megamenu-image,
.wpcf7-form .wpcf7-submit.fusion-button-small .button-icon-divider-left.fusion-megamenu-image {
padding: 0 5px;
}
#bbp_user_edit_submit .button-icon-divider-right,
.bbp-submit-wrapper .button .button-icon-divider-right,
.button-small .button-icon-divider-right,
.fusion-body .fusion-button-small .button-icon-divider-right,
.single_add_to_cart_button .button-icon-divider-right,
.wpcf7-form .wpcf7-submit.button-small .button-icon-divider-right,
.wpcf7-form .wpcf7-submit.fusion-button-small .button-icon-divider-right {
padding: 0 10px;
}
#bbp_user_edit_submit .button-icon-divider-right.fusion-megamenu-image,
.bbp-submit-wrapper .button .button-icon-divider-right.fusion-megamenu-image,
.button-small .button-icon-divider-right.fusion-megamenu-image,
.fusion-body .fusion-button-small .button-icon-divider-right.fusion-megamenu-image,
.single_add_to_cart_button .button-icon-divider-right.fusion-megamenu-image,
.wpcf7-form .wpcf7-submit.button-small .button-icon-divider-right.fusion-megamenu-image,
.wpcf7-form .wpcf7-submit.fusion-button-small .button-icon-divider-right.fusion-megamenu-image {
padding: 0 5px;
}
#bbp_user_edit_submit .button-icon-divider-left i,
.bbp-submit-wrapper .button .button-icon-divider-left i,
.button-small .button-icon-divider-left i,
.fusion-body .fusion-button-small .button-icon-divider-left i,
.single_add_to_cart_button .button-icon-divider-left i,
.wpcf7-form .wpcf7-submit.button-small .button-icon-divider-left i,
.wpcf7-form .wpcf7-submit.fusion-button-small .button-icon-divider-left i,
#bbp_user_edit_submit .button-icon-divider-left img,
.bbp-submit-wrapper .button .button-icon-divider-left img,
.button-small .button-icon-divider-left img,
.fusion-body .fusion-button-small .button-icon-divider-left img,
.single_add_to_cart_button .button-icon-divider-left img,
.wpcf7-form .wpcf7-submit.button-small .button-icon-divider-left img,
.wpcf7-form .wpcf7-submit.fusion-button-small .button-icon-divider-left img,
#bbp_user_edit_submit .button-icon-divider-right i,
.bbp-submit-wrapper .button .button-icon-divider-right i,
.button-small .button-icon-divider-right i,
.fusion-body .fusion-button-small .button-icon-divider-right i,
.single_add_to_cart_button .button-icon-divider-right i,
.wpcf7-form .wpcf7-submit.button-small .button-icon-divider-right i,
.wpcf7-form .wpcf7-submit.fusion-button-small .button-icon-divider-right i,
#bbp_user_edit_submit .button-icon-divider-right img,
.bbp-submit-wrapper .button .button-icon-divider-right img,
.button-small .button-icon-divider-right img,
.fusion-body .fusion-button-small .button-icon-divider-right img,
.single_add_to_cart_button .button-icon-divider-right img,
.wpcf7-form .wpcf7-submit.button-small .button-icon-divider-right img,
.wpcf7-form .wpcf7-submit.fusion-button-small .button-icon-divider-right img {
display: block;
}
.button-medium,
.fusion-body .fusion-button-medium,
.ticket-selector-submit-btn[type=submit],
.wpcf7-form .wpcf7-submit.button-medium,
.wpcf7-form .wpcf7-submit.fusion-button-medium {
padding: 11px 23px;
line-height: 16px;
font-size: 13px;
}
.button-medium .fusion-button-text-left,
.fusion-body .fusion-button-medium .fusion-button-text-left,
.ticket-selector-submit-btn[type=submit] .fusion-button-text-left,
.wpcf7-form .wpcf7-submit.button-medium .fusion-button-text-left,
.wpcf7-form .wpcf7-submit.fusion-button-medium .fusion-button-text-left {
display: inline-block;
padding-left: 28px;
}
.button-medium .fusion-button-text-right,
.fusion-body .fusion-button-medium .fusion-button-text-right,
.ticket-selector-submit-btn[type=submit] .fusion-button-text-right,
.wpcf7-form .wpcf7-submit.button-medium .fusion-button-text-right,
.wpcf7-form .wpcf7-submit.fusion-button-medium .fusion-button-text-right {
display: inline-block;
padding-right: 28px;
}
.button-medium .button-icon-divider-left,
.fusion-body .fusion-button-medium .button-icon-divider-left,
.ticket-selector-submit-btn[type=submit] .button-icon-divider-left,
.wpcf7-form .wpcf7-submit.button-medium .button-icon-divider-left,
.wpcf7-form .wpcf7-submit.fusion-button-medium .button-icon-divider-left {
padding: 0 12.5px;
}
.button-medium .button-icon-divider-left.fusion-megamenu-image,
.fusion-body .fusion-button-medium .button-icon-divider-left.fusion-megamenu-image,
.ticket-selector-submit-btn[type=submit] .button-icon-divider-left.fusion-megamenu-image,
.wpcf7-form .wpcf7-submit.button-medium .button-icon-divider-left.fusion-megamenu-image,
.wpcf7-form .wpcf7-submit.fusion-button-medium .button-icon-divider-left.fusion-megamenu-image {
padding: 0 6.25px;
}
.button-medium .button-icon-divider-right,
.fusion-body .fusion-button-medium .button-icon-divider-right,
.ticket-selector-submit-btn[type=submit] .button-icon-divider-right,
.wpcf7-form .wpcf7-submit.button-medium .button-icon-divider-right,
.wpcf7-form .wpcf7-submit.fusion-button-medium .button-icon-divider-right {
padding: 0 12.5px;
}
.button-medium .button-icon-divider-right.fusion-megamenu-image,
.fusion-body .fusion-button-medium .button-icon-divider-right.fusion-megamenu-image,
.ticket-selector-submit-btn[type=submit] .button-icon-divider-right.fusion-megamenu-image,
.wpcf7-form .wpcf7-submit.button-medium .button-icon-divider-right.fusion-megamenu-image,
.wpcf7-form .wpcf7-submit.fusion-button-medium .button-icon-divider-right.fusion-megamenu-image {
padding: 0 6.25px;
}
.button-medium .button-icon-divider-left i,
.fusion-body .fusion-button-medium .button-icon-divider-left i,
.ticket-selector-submit-btn[type=submit] .button-icon-divider-left i,
.wpcf7-form .wpcf7-submit.button-medium .button-icon-divider-left i,
.wpcf7-form .wpcf7-submit.fusion-button-medium .button-icon-divider-left i,
.button-medium .button-icon-divider-left img,
.fusion-body .fusion-button-medium .button-icon-divider-left img,
.ticket-selector-submit-btn[type=submit] .button-icon-divider-left img,
.wpcf7-form .wpcf7-submit.button-medium .button-icon-divider-left img,
.wpcf7-form .wpcf7-submit.fusion-button-medium .button-icon-divider-left img,
.button-medium .button-icon-divider-right i,
.fusion-body .fusion-button-medium .button-icon-divider-right i,
.ticket-selector-submit-btn[type=submit] .button-icon-divider-right i,
.wpcf7-form .wpcf7-submit.button-medium .button-icon-divider-right i,
.wpcf7-form .wpcf7-submit.fusion-button-medium .button-icon-divider-right i,
.button-medium .button-icon-divider-right img,
.fusion-body .fusion-button-medium .button-icon-divider-right img,
.ticket-selector-submit-btn[type=submit] .button-icon-divider-right img,
.wpcf7-form .wpcf7-submit.button-medium .button-icon-divider-right img,
.wpcf7-form .wpcf7-submit.fusion-button-medium .button-icon-divider-right img {
display: block;
}
#tribe-bar-form .tribe-bar-submit input[type=submit],
.button-large,
.fusion-body .fusion-button-large,
.tml-submit-wrap input[type="submit"],
.wpcf7-form .wpcf7-submit.button-large,
.wpcf7-form .wpcf7-submit.fusion-button-large {
padding: 13px 29px;
line-height: 17px;
font-size: 14px;
}
#tribe-bar-form .tribe-bar-submit input[type=submit] .fusion-button-text-left,
.button-large .fusion-button-text-left,
.fusion-body .fusion-button-large .fusion-button-text-left,
.tml-submit-wrap input[type="submit"] .fusion-button-text-left,
.wpcf7-form .wpcf7-submit.button-large .fusion-button-text-left,
.wpcf7-form .wpcf7-submit.fusion-button-large .fusion-button-text-left {
display: inline-block;
padding-left: 34px;
}
#tribe-bar-form .tribe-bar-submit input[type=submit] .fusion-button-text-right,
.button-large .fusion-button-text-right,
.fusion-body .fusion-button-large .fusion-button-text-right,
.tml-submit-wrap input[type="submit"] .fusion-button-text-right,
.wpcf7-form .wpcf7-submit.button-large .fusion-button-text-right,
.wpcf7-form .wpcf7-submit.fusion-button-large .fusion-button-text-right {
display: inline-block;
padding-right: 34px;
}
#tribe-bar-form .tribe-bar-submit input[type=submit] .button-icon-divider-left,
.button-large .button-icon-divider-left,
.fusion-body .fusion-button-large .button-icon-divider-left,
.tml-submit-wrap input[type="submit"] .button-icon-divider-left,
.wpcf7-form .wpcf7-submit.button-large .button-icon-divider-left,
.wpcf7-form .wpcf7-submit.fusion-button-large .button-icon-divider-left {
padding: 0 14.5px;
}
#tribe-bar-form .tribe-bar-submit input[type=submit] .button-icon-divider-left.fusion-megamenu-image,
.button-large .button-icon-divider-left.fusion-megamenu-image,
.fusion-body .fusion-button-large .button-icon-divider-left.fusion-megamenu-image,
.tml-submit-wrap input[type="submit"] .button-icon-divider-left.fusion-megamenu-image,
.wpcf7-form .wpcf7-submit.button-large .button-icon-divider-left.fusion-megamenu-image,
.wpcf7-form .wpcf7-submit.fusion-button-large .button-icon-divider-left.fusion-megamenu-image {
padding: 0 7.25px;
}
#tribe-bar-form .tribe-bar-submit input[type=submit] .button-icon-divider-right,
.button-large .button-icon-divider-right,
.fusion-body .fusion-button-large .button-icon-divider-right,
.tml-submit-wrap input[type="submit"] .button-icon-divider-right,
.wpcf7-form .wpcf7-submit.button-large .button-icon-divider-right,
.wpcf7-form .wpcf7-submit.fusion-button-large .button-icon-divider-right {
padding: 0 14.5px;
}
#tribe-bar-form .tribe-bar-submit input[type=submit] .button-icon-divider-right.fusion-megamenu-image,
.button-large .button-icon-divider-right.fusion-megamenu-image,
.fusion-body .fusion-button-large .button-icon-divider-right.fusion-megamenu-image,
.tml-submit-wrap input[type="submit"] .button-icon-divider-right.fusion-megamenu-image,
.wpcf7-form .wpcf7-submit.button-large .button-icon-divider-right.fusion-megamenu-image,
.wpcf7-form .wpcf7-submit.fusion-button-large .button-icon-divider-right.fusion-megamenu-image {
padding: 0 7.25px;
}
#tribe-bar-form .tribe-bar-submit input[type=submit] .button-icon-divider-left i,
.button-large .button-icon-divider-left i,
.fusion-body .fusion-button-large .button-icon-divider-left i,
.tml-submit-wrap input[type="submit"] .button-icon-divider-left i,
.wpcf7-form .wpcf7-submit.button-large .button-icon-divider-left i,
.wpcf7-form .wpcf7-submit.fusion-button-large .button-icon-divider-left i,
#tribe-bar-form .tribe-bar-submit input[type=submit] .button-icon-divider-left img,
.button-large .button-icon-divider-left img,
.fusion-body .fusion-button-large .button-icon-divider-left img,
.tml-submit-wrap input[type="submit"] .button-icon-divider-left img,
.wpcf7-form .wpcf7-submit.button-large .button-icon-divider-left img,
.wpcf7-form .wpcf7-submit.fusion-button-large .button-icon-divider-left img,
#tribe-bar-form .tribe-bar-submit input[type=submit] .button-icon-divider-right i,
.button-large .button-icon-divider-right i,
.fusion-body .fusion-button-large .button-icon-divider-right i,
.tml-submit-wrap input[type="submit"] .button-icon-divider-right i,
.wpcf7-form .wpcf7-submit.button-large .button-icon-divider-right i,
.wpcf7-form .wpcf7-submit.fusion-button-large .button-icon-divider-right i,
#tribe-bar-form .tribe-bar-submit input[type=submit] .button-icon-divider-right img,
.button-large .button-icon-divider-right img,
.fusion-body .fusion-button-large .button-icon-divider-right img,
.tml-submit-wrap input[type="submit"] .button-icon-divider-right img,
.wpcf7-form .wpcf7-submit.button-large .button-icon-divider-right img,
.wpcf7-form .wpcf7-submit.fusion-button-large .button-icon-divider-right img {
display: block;
}
.button-xlarge,
.fusion-body .fusion-button-xlarge,
.fusion-body .wpcf7-form .wpcf7-submit.button-xlarge,
.fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge {
padding: 17px 40px;
line-height: 21px;
font-size: 18px;
}
.button-xlarge .fusion-button-text-left,
.fusion-body .fusion-button-xlarge .fusion-button-text-left,
.fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .fusion-button-text-left,
.fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .fusion-button-text-left {
display: inline-block;
padding-left: 45px;
}
.button-xlarge .fusion-button-text-right,
.fusion-body .fusion-button-xlarge .fusion-button-text-right,
.fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .fusion-button-text-right,
.fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .fusion-button-text-right {
display: inline-block;
padding-right: 45px;
}
.button-xlarge .button-icon-divider-left,
.fusion-body .fusion-button-xlarge .button-icon-divider-left,
.fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .button-icon-divider-left,
.fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .button-icon-divider-left {
padding: 0 18.5px;
}
.button-xlarge .button-icon-divider-left.fusion-megamenu-image,
.fusion-body .fusion-button-xlarge .button-icon-divider-left.fusion-megamenu-image,
.fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .button-icon-divider-left.fusion-megamenu-image,
.fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .button-icon-divider-left.fusion-megamenu-image {
padding: 0 9.25px;
}
.button-xlarge .button-icon-divider-right,
.fusion-body .fusion-button-xlarge .button-icon-divider-right,
.fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .button-icon-divider-right,
.fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .button-icon-divider-right {
padding: 0 18.5px;
}
.button-xlarge .button-icon-divider-right.fusion-megamenu-image,
.fusion-body .fusion-button-xlarge .button-icon-divider-right.fusion-megamenu-image,
.fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .button-icon-divider-right.fusion-megamenu-image,
.fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .button-icon-divider-right.fusion-megamenu-image {
padding: 0 9.25px;
}
.button-xlarge .button-icon-divider-left i,
.fusion-body .fusion-button-xlarge .button-icon-divider-left i,
.fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .button-icon-divider-left i,
.fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .button-icon-divider-left i,
.button-xlarge .button-icon-divider-left img,
.fusion-body .fusion-button-xlarge .button-icon-divider-left img,
.fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .button-icon-divider-left img,
.fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .button-icon-divider-left img,
.button-xlarge .button-icon-divider-right i,
.fusion-body .fusion-button-xlarge .button-icon-divider-right i,
.fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .button-icon-divider-right i,
.fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .button-icon-divider-right i,
.button-xlarge .button-icon-divider-right img,
.fusion-body .fusion-button-xlarge .button-icon-divider-right img,
.fusion-body .wpcf7-form .wpcf7-submit.button-xlarge .button-icon-divider-right img,
.fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge .button-icon-divider-right img {
display: block;
}
.button span {
line-height: normal;
}
.button-icon-left {
margin-right: 0.7em;
}
.button-icon-right {
margin-left: 0.7em;
}
.button-icon-divider-left,
.button-icon-divider-right {
display: inline-flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
height: 100%;
}
.button-icon-divider-left i,
.button-icon-divider-right i {
position: relative;
}
.button-icon-divider-left img,
.button-icon-divider-right img {
position: relative;
}
.button-small .button-icon-divider-left img,
.button-small .button-icon-divider-right img {
max-width: 22px;
}
.button-medium .button-icon-divider-left img,
.button-medium .button-icon-divider-right img {
max-width: 23px;
}
.button-large .button-icon-divider-left img,
.button-large .button-icon-divider-right img {
max-width: 24px;
}
.button-xlarge .button-icon-divider-left img,
.button-xlarge .button-icon-divider-right img {
max-width: 25px;
}
.button-icon-divider-left {
left: 0;
border-right: 1px solid;
}
.button-icon-divider-right {
right: 0;
border-left: 1px solid;
}
.fusion-builder-elements-button-default-size-default {
padding-top: var(--button_padding-top, 13px);
padding-right: var(--button_padding-right, 29px);
padding-bottom: var(--button_padding-bottom, 13px);
padding-left: var(--button_padding-left, 29px);
line-height: var(--button_line_height, 1);
font-size: var(--button_font_size, 14px);
}
.fusion-button i {
color: var(--button_accent_color);
}
.fusion-button.hover i,
.fusion-button:hover i,
.fusion-button:focus i {
color: var(--button_accent_hover_color, var(--button_accent_color));
}
.fusion-button[data-hover="icon_position"] .fusion-button-text {
transition: color 0.2s, transform 0.4s 0.125s cubic-bezier(0.21, 0.6, 0.35, 1);
}
.fusion-button[data-hover="icon_position"] > i {
transition: color 0.2s, opacity 0.3s cubic-bezier(0.21, 0.6, 0.35, 1) 0.25s, transform 0.4s cubic-bezier(0.21, 0.6, 0.35, 1) 0.25s;
}
.fusion-button[data-hover="icon_position"] > i + i {
opacity: 0;
transition-delay: 0s;
margin: 0;
}
.fusion-button[data-hover="icon_position"]:hover > i {
transition-delay: 0s;
opacity: 0;
}
.fusion-button[data-hover="icon_position"]:hover > i + i {
opacity: 1;
transform: translateX(0) !important;
transition-delay: 0.25s;
}
.fusion-button[data-hover="icon_position"].awb-b-icon-pos-left .fusion-button-text {
margin-right: -1em;
}
.fusion-button[data-hover="icon_position"].awb-b-icon-pos-left > i + i {
order: 1;
transform: translateX(1em);
}
.fusion-button[data-hover="icon_position"].awb-b-icon-pos-left:hover .fusion-button-text {
transform: translateX(-1.7em);
}
.fusion-button[data-hover="icon_position"].awb-b-icon-pos-left:hover > i {
transform: translateX(-1em);
}
.fusion-button[data-hover="icon_position"].awb-b-icon-pos-right .fusion-button-text {
margin-left: -1em;
}
.fusion-button[data-hover="icon_position"].awb-b-icon-pos-right > i + i {
order: -1;
transform: translateX(-1em);
}
.fusion-button[data-hover="icon_position"].awb-b-icon-pos-right:hover .fusion-button-text {
transform: translateX(1.7em);
}
.fusion-button[data-hover="icon_position"].awb-b-icon-pos-right:hover > i {
transform: translateX(1em);
}
.fusion-button[data-hover="icon_slide"] i {
animation: slide_icon_reverse 0.4s cubic-bezier(0.21, 0.6, 0.35, 1);
}
.fusion-button[data-hover="icon_slide"]:hover i {
animation: slide_icon 0.4s cubic-bezier(0.21, 0.6, 0.35, 1);
}
@keyframes slide_icon {
0% {
transform: translateX(0);
}
25% {
opacity: 0;
}
26% {
transform: translateX(1.25em);
}
27% {
transform: translateX(-1.25em);
}
75% {
opacity: 1;
}
100% {
transform: translateX(0);
}
}
@keyframes slide_icon_reverse {
0% {
transform: translateX(0);
}
25% {
opacity: 0;
}
26% {
transform: translateX(-1.25em);
}
27% {
transform: translateX(1.25em);
}
75% {
opacity: 1;
}
100% {
transform: translateX(0);
}
}
.fusion-button[data-hover="icon_rotate"] i {
transition: all 0.2s, transform 0.6s cubic-bezier(0.21, 0.6, 0.35, 1);
}
.fusion-button[data-hover="icon_rotate"]:hover i {
transform: rotate(360deg);
}
.fusion-button[data-hover="underline"] {
--button-underline-origin: left;
--button-underline-origin-hover: right;
}
.rtl .fusion-button[data-hover="underline"] {
--button-underline-origin: right;
--button-underline-origin-hover: left;
}
.fusion-button[data-hover="underline"] .fusion-button-text {
position: relative;
}
.fusion-button[data-hover="underline"] .fusion-button-text:after {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
border-bottom: 1px solid currentColor;
transition: transform 0.4s cubic-bezier(0.21, 0.6, 0.35, 1);
transform-origin: var(--button-underline-origin);
}
.fusion-button[data-hover="underline"]:hover .fusion-button-text:after {
transform: scaleX(0);
transform-origin: var(--button-underline-origin-hover);
}
.fusion-button[data-hover="text_slide_up"] {
--button-slide-text-2: translateY(90%);
--button-slide-text-hover-1: translateY(-90%);
--button-slide-text-hover-2: translateY(0%);
}
.fusion-button[data-hover="text_slide_down"] {
--button-slide-text-2: translateY(-90%);
--button-slide-text-hover-1: translateY(90%);
--button-slide-text-hover-2: translateY(0%);
}
.fusion-button[data-hover*="bg_slide"] {
overflow: hidden;
}
.fusion-button[data-hover*="bg_slide"]:before {
content: "";
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
transform: translateZ(0);
backface-visibility: hidden;
transition: clip-path 0.35s cubic-bezier(0.21, 0.6, 0.35, 1);
background: var(--button_gradient_hover, var(--button_gradient_top_color_hover));
}
.fusion-button[data-hover*="bg_slide"].fusion-button-span-yes:before {
transition-duration: 0.6s;
}
.fusion-button[data-hover*="bg_slide"]:hover {
background: var(--button_gradient, var(--button_gradient_top_color));
}
.fusion-button[data-hover*="bg_slide"] > i,
.fusion-button[data-hover*="bg_slide"] .fusion-button-text {
position: relative;
}
.fusion-button[data-hover="bg_slide_right"]:before {
clip-path: polygon(0 0, 0 0, -50% 100%, 0 100%);
}
.fusion-button[data-hover="bg_slide_right"]:hover:before {
clip-path: polygon(0 0, 150% 0, 100% 100%, 0 100%);
}
.fusion-button[data-hover="bg_slide_left"]:before {
clip-path: polygon(100% 0, 150% 0, 100% 100%, 100% 100%);
}
.fusion-button[data-hover="bg_slide_left"]:hover:before {
clip-path: polygon(100% 0, 0 0, -50% 100%, 100% 100%);
}
.fusion-button .awb-button-text-transition {
display: flex;
}
.fusion-button .awb-button-text-transition .fusion-button-text {
transition: color 0.2s, opacity 0.5s cubic-bezier(0.21, 0.6, 0.35, 1), transform 0.4s cubic-bezier(0.21, 0.6, 0.35, 1);
}
.fusion-button .awb-button-text-transition .fusion-button-text:nth-child(2) {
transform: var(--button-slide-text-2);
position: absolute;
opacity: 0;
pointer-events: none;
}
.fusion-button:hover .awb-button-text-transition .fusion-button-text:nth-child(1) {
transform: var(--button-slide-text-hover-1);
opacity: 0;
}
.fusion-button:hover .awb-button-text-transition .fusion-button-text:nth-child(2) {
transform: var(--button-slide-text-hover-2);
opacity: 1;
}
.fusion-button.button-3d {
box-shadow: inset 0 1px 0 #fff, 0 0.15em 0 var(--button_bevel_color), 0.1em 0.2em 0.2em 0.15em rgba(0, 0, 0, 0.3);
}
.fusion-button.button-3d:active {
transform: translateY(calc(0.15em - 1px));
box-shadow: inset 0 1px 0 #fff, 0 1px 0 var(--button_bevel_color), 0.05em 0.1em 0.1em 0.07em rgba(0, 0, 0, 0.3);
}
.fusion-button.button-3d:hover {
box-shadow: inset 0 1px 0 #fff, 0 0.15em 0 var(--button_bevel_color_hover), 0.1em 0.2em 0.2em 0.15em rgba(0, 0, 0, 0.3);
}
.fusion-button.button-3d:hover:active {
box-shadow: inset 0 1px 0 #fff, 0 1px 0 var(--button_bevel_color_hover), 0.05em 0.1em 0.1em 0.07em rgba(0, 0, 0, 0.3);
}
.fusion-builder-elements-button-3d {
box-shadow: inset 0 1px 0 #fff, 0 0.15em 0 var(--button_bevel_color), 0.1em 0.2em 0.2em 0.15em rgba(0, 0, 0, 0.3);
}
.fusion-builder-elements-button-3d-active {
transform: translateY(calc(0.15em - 1px));
box-shadow: inset 0 1px 0 #fff, 0 1px 0 var(--button_bevel_color), 0.05em 0.1em 0.1em 0.07em rgba(0, 0, 0, 0.3);
}
.fusion-builder-elements-button-3d-hover {
box-shadow: inset 0 1px 0 #fff, 0 0.15em 0 var(--button_bevel_color_hover), 0.1em 0.2em 0.2em 0.15em rgba(0, 0, 0, 0.3);
}
.fusion-builder-elements-button-3d-hover-active {
box-shadow: inset 0 1px 0 #fff, 0 1px 0 var(--button_bevel_color_hover), 0.05em 0.1em 0.1em 0.07em rgba(0, 0, 0, 0.3);
}
.fusion-builder-elements-button-quantity-default-qty {
width: var(--qty_size-width, 38px);
}
.fusion-builder-elements-button-quantity-default {
font-size: var(--qty_font_size, 14px);
width: var(--qty_size-height, 36px);
height: var(--qty_size-height, 36px);
line-height: 1;
}
.fusion-body .quantity,
.single-product .product .summary .cart .quantity {
width: calc(var(--qty_size-width, 38px) + var(--qty_size-height, 36px) + var(--qty_size-height, 36px));
}
.fusion-button-span-yes {
width: calc(100% - var(--button_margin-left, 0) - var(--button_margin-right, 0));
}
body.fusion-button_span-yes .fusion-button-default-span {
width: calc(100% - var(--button_margin-left, 0) - var(--button_margin-right, 0));
}
.fusion-button.fusion-button-submitting {
outline: 0;
letter-spacing: 0;
}
.fusion-button.fusion-button-submitting span,
.fusion-button.fusion-button-submitting:hover span,
.fusion-button.fusion-button-submitting:focus span,
.fusion-button.fusion-button-submitting:active span {
color: transparent !important;
}
.fusion-button.fusion-button-submitting::after {
content: "";
display: inline-block;
position: absolute;
z-index: 10;
line-height: 1;
width: 0.4em;
height: 0.4em;
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
animation: dots 0.75s infinite cubic-bezier(0.42, 0.01, 0.58, 1);
}
@keyframes dots {
0% {
box-shadow: 1.5em 0 currentColor, -1.5em 0 color-mix(in sRGB, currentColor 50%, transparent);
background: currentColor;
}
33% {
box-shadow: 1.5em 0 currentColor, -1.5em 0 color-mix(in sRGB, currentColor 50%, transparent);
background: currentColor;
}
66% {
box-shadow: 1.5em 0 color-mix(in sRGB, currentColor 50%, transparent), -1.5em 0 currentColor;
background: color-mix(in sRGB, currentColor 50%, transparent);
}
100% {
box-shadow: 1.5em 0 color-mix(in sRGB, currentColor 50%, transparent), -1.5em 0 currentColor;
background: currentColor;
}
}