.skazzy-button-holder { display: inline-flex; position: relative; -webkit-transition: var(--skazzy-elementor-base-transition); transition: var(--skazzy-elementor-base-transition); }
.skazzy-button { border: 2px solid var(--skazzyPrimaryColor); display: inline-flex; align-items: stretch; font-size: 1em; letter-spacing: 0; line-height: normal; margin: 0; overflow: visible; position: relative; z-index: 0; text-decoration: none; text-transform: none; -webkit-transition: var(--skazzy-elementor-base-transition); transition: var(--skazzy-elementor-base-transition); }

.skazzy-button, .skazzy-button-holder .skazzy-button { background-color: var(--skazzyPrimaryColor); color: var(--skazzySecondaryColor); justify-content: center; text-align: center; }

.skazzy-button:focus, .skazzy-button-holder .skazzy-button:focus,
.skazzy-button:hover, .skazzy-button-holder .skazzy-button:hover { 
    background-color: var(--skazzyBodyBGColor); color: var(--skazzyAccentTxtColor);
    /* -webkit-box-shadow: 0px 0px 30px rgba(var(--skazzyBodyBGColorRgb),0.2); box-shadow: 0px 0px 30px rgba(var(--skazzyBodyBGColorRgb),0.2);  */
}

.skazzy-dark-bg .skazzy-button:focus, .skazzy-dark-bg .skazzy-button-holder .skazzy-button:focus,
.skazzy-dark-bg .skazzy-button:hover, .skazzy-dark-bg .skazzy-button-holder .skazzy-button:hover { background-color:var(--skazzyBodyBGColor); color: var(--skazzySecondaryColor); }

.skazzy-button .skazzy-button-text, 
.skazzy-button .skazzy-button-icon { vertical-align: top; }

.skazzy-button .skazzy-button-text { display: inline-grid; align-content: center; text-align: left; gap: 10px; height: 100%; }
.skazzy-button .skazzy-button-icon { display: inline-flex; line-height: 0; transition: var(--skazzy-elementor-base-transition) }
.skazzy-button .skazzy-button-icon span { display: inherit; align-items: center; position: relative; }
/* .skazzy-button .skazzy-button-icon span, .skazzy-button .skazzy-button-icon span i { -webkit-transition: inherit; transition: inherit; } */

.skazzy-button .skazzy-button-text .skazzy-button-subtext { display: block; font-size: 0.75em; margin-top: -2px; }

.skazzy-button-holder.skazzy-button-size-sm .skazzy-button { font-size: 14px; padding: 0.7em 1.5em; 
    font-family: var(--skazzyFontTypo_Base); font-weight: var(--skazzyFontWeight_Base); line-height: 1; text-transform: capitalize; }
.skazzy-button-holder.skazzy-button-size-nm .skazzy-button { font-size: clamp(0.875rem, 0.8462rem + 0.1282vw, 1rem); /* 14px to 16px */padding: var(--skazzyPadding_Btn);
    font-family: var(--skazzyFontTypo_Base);font-weight: var(--skazzyFontWeight_Alt);text-transform: uppercase;line-height: normal; }
.skazzy-button-holder.skazzy-button-size-lg .skazzy-button { font-size: 18px; padding: 0.9em 2em; 
    font-family: var(--skazzyFontTypo_Base); font-weight: var(--skazzyFontWeight_Base); line-height: 1; }

.elementor-align-justify .skazzy-button-holder, .elementor-align-justify .skazzy-button-holder .skazzy-button { width: 100%; }

.skazzy-button-holder.skazzy-button-icon-before .skazzy-button .skazzy-button-icon { margin-right: 8px; }
.skazzy-button-holder.skazzy-button-icon-after .skazzy-button .skazzy-button-icon { margin-left: 8px; }


/* Styles */
.skazzy-button-holder.skazzy-button-style-underline:before, 
.skazzy-button-holder.skazzy-button-style-overline:before,
.skazzy-button-holder.skazzy-button-style-line-through .skazzy-button .skazzy-button-text > span:before { 
    content: ""; display: inline !important; height: 1px; pointer-events: none; position: absolute; bottom: 0; left: 0; right: 0; top: 0; 
    width: auto; -webkit-transition: inherit; transition: inherit; }

.skazzy-button-holder.skazzy-button-style-underline .skazzy-button { margin-bottom: 3px; }
.skazzy-button-holder.skazzy-button-style-underline:before { bottom: 0; top: auto; }

.skazzy-button-holder.skazzy-button-style-overline .skazzy-button { margin-top: 3px; }
.skazzy-button-holder.skazzy-button-style-overline:before { bottom: auto; top: 0; }

.skazzy-button-holder.skazzy-button-style-underline:before, 
.skazzy-button-holder.skazzy-button-style-overline:before { color: var(--skazzy-elementor-color-accent); background-color: currentColor; background-image: inherit; }

.skazzy-button-holder.skazzy-button-style-underline:focus:before,
.skazzy-button-holder.skazzy-button-style-underline:hover:before, 
.skazzy-button-holder.skazzy-button-style-overline:focus:before,
.skazzy-button-holder.skazzy-button-style-overline:hover:before { color: var(--skazzy-elementor-color-primary); background-color: currentColor; background-image: inherit; }

.skazzy-button-holder.skazzy-button-style-line-through .skazzy-button .skazzy-button-text > span { position: relative; }
.skazzy-button-holder.skazzy-button-style-line-through .skazzy-button .skazzy-button-text > span:before { background-color: currentColor; margin: auto; -webkit-transform: translateY(100%); transform: translateY(100%); }


/* Template - Bordered */
.skazzy-button-holder.skazzy-template-bordered .skazzy-button { background: none !important; border-color: currentColor; border-width: 2px; }

.skazzy-button-holder.skazzy-template-bordered .skazzy-button:not(:focus), 
.skazzy-button-holder.skazzy-template-bordered .skazzy-button:not(:hover) { color: var(--skazzy-elementor-color-accent); }

.skazzy-button-holder.skazzy-template-bordered .skazzy-button:focus, 
.skazzy-button-holder.skazzy-template-bordered .skazzy-button:hover { color: var(--skazzy-elementor-color-primary); }

.skazzy-button-holder.skazzy-template-bordered .skazzy-button:before,
.skazzy-button-holder.skazzy-template-bordered .skazzy-button:after{background: red;width: 0;}


/* Template - Textual */
.skazzy-button-holder.skazzy-template-textual .skazzy-button { border-width: 0; padding: 0; border-radius: 0; }

.skazzy-button-holder.skazzy-template-textual .skazzy-button:not(:focus), 
.skazzy-button-holder.skazzy-template-textual .skazzy-button:not(:hover) { background: none !important; border-width: 0; color: var(--skazzy-elementor-color-accent); }

.skazzy-button-holder.skazzy-template-textual .skazzy-button:focus, 
.skazzy-button-holder.skazzy-template-textual .skazzy-button:hover { background: none; border-width: 0; color: var(--skazzy-elementor-color-primary);
    -webkit-box-shadow: none; box-shadow: none; }


/* Template - Icon-Highlighted */
.skazzy-button-holder.skazzy-template-icon-highlighted .skazzy-button { padding: 0; display: flex; align-items: center; }

.skazzy-button-holder.skazzy-template-icon-highlighted.skazzy-button-size-sm .skazzy-button .skazzy-button-text { padding: 0.7em 1.5em; }
.skazzy-button-holder.skazzy-template-icon-highlighted.skazzy-button-size-nm .skazzy-button .skazzy-button-text { padding: 0.8em 1.75em; }
.skazzy-button-holder.skazzy-template-icon-highlighted.skazzy-button-size-lg .skazzy-button .skazzy-button-text { padding: 0.9em 2em; }

.skazzy-button-holder.skazzy-template-icon-highlighted .skazzy-button .skazzy-button-icon { margin-left: 0; margin-right: 0; }
.skazzy-button-holder.skazzy-template-icon-highlighted .skazzy-button .skazzy-button-icon span { background-color: rgba(var(--skazzy-elementor-color-secondary-rgb),0.05); padding: 1em; }

.skazzy-button-holder.skazzy-template-icon-highlighted .skazzy-button .skazzy-button-text > span { 
    text-decoration: underline; text-decoration-skip-ink: none; line-height: normal; margin: 0; text-transform: capitalize; 
    text-underline-offset: 1.5px; text-decoration-thickness: 1px; font-size: 1rem; }
.skazzy-button-holder.skazzy-template-icon-highlighted .skazzy-button .skazzy-button-text > small { font-size: 80%; font-weight: 600; }


/* Template - Icon-Separated */
.skazzy-button-holder.skazzy-template-icon-separated .skazzy-button .skazzy-button-icon:after { background-color: currentColor; color: rgba(var(--skazzy-elementor-color-secondary-rgb),0.15); content: ""; display: inline-flex; height: 100%; width: 1px; z-index: -1; -webkit-transition: inherit; transition: inherit; }

.skazzy-button-holder.skazzy-template-icon-separated .skazzy-button .skazzy-button-icon span { padding: 0.5em 1em; }

.skazzy-button-holder.skazzy-template-icon-separated.skazzy-button-icon-before .skazzy-button .skazzy-button-icon { margin-left: -1em; margin-right: 1em; }
.skazzy-button-holder.skazzy-template-icon-separated.skazzy-button-icon-after .skazzy-button .skazzy-button-icon { margin-left: 1em; margin-right: -1em; }

.skazzy-button-holder.skazzy-template-icon-separated.skazzy-button-icon-after .skazzy-button .skazzy-button-icon:after { order: -1; -webkit-transform: translateX(100%); transform: translateX(100%); }
.skazzy-button-holder.skazzy-template-icon-separated.skazzy-button-icon-before .skazzy-button .skazzy-button-icon:after { -webkit-transform: translateX(-100%); transform: translateX(-100%); }


/* Hover Animations */
.skazzy-button-holder[class*="skazzy-animation"] .skazzy-button:before, 
.skazzy-button-holder[class*="skazzy-animation"] .skazzy-button:after, 
.skazzy-button-holder[class*="skazzy-animation-linethrough"] .skazzy-button .skazzy-button-text > span:after { content: ""; display: inline !important; height: auto; pointer-events: none; position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: auto; z-index: -1; -webkit-transition: inherit; transition: inherit; }

.skazzy-button-holder[class*="skazzy-animation-sweep"] .skazzy-button:after,
.skazzy-button-holder[class*="skazzy-animation-bounce"] .skazzy-button:after,
.skazzy-button-holder[class*="skazzy-animation-shutter-out"] .skazzy-button:after,
.skazzy-button-holder[class*="skazzy-animation-shutter-cross-forward-out"] .skazzy-button:after,
.skazzy-button-holder[class*="skazzy-animation-shutter-cross-backward-out"] .skazzy-button:after,
.skazzy-button-holder[class*="skazzy-animation-radial-in"] .skazzy-button:hover:after,
.skazzy-button-holder[class*="skazzy-animation-radial-out"] .skazzy-button:after,

.skazzy-button-holder[class*="skazzy-animation-shutter-in"] .skazzy-button:focus:after, 
.skazzy-button-holder[class*="skazzy-animation-shutter-in"] .skazzy-button:hover:after,
.skazzy-button-holder[class*="skazzy-animation-shutter-cross-forward-in"] .skazzy-button:focus:after,
.skazzy-button-holder[class*="skazzy-animation-shutter-cross-forward-in"] .skazzy-button:hover:after,
.skazzy-button-holder[class*="skazzy-animation-shutter-cross-backward-in"] .skazzy-button:focus:after,
.skazzy-button-holder[class*="skazzy-animation-shutter-cross-backward-in"] .skazzy-button:hover:after { background-color: currentColor; color: rgba(var(--skazzy-elementor-color-secondary-rgb),0.05); }

.skazzy-button-holder[class*="skazzy-animation-underline"] .skazzy-button:after,
.skazzy-button-holder[class*="skazzy-animation-overline"] .skazzy-button:after { background-color: currentColor; color: inherit; }


/* Hover - Sweep */
.skazzy-button-holder[class*="skazzy-animation-sweep"], 
.skazzy-button-holder[class*="skazzy-animation-sweep"] .skazzy-button { overflow: hidden; }

/* Hover - Sweep-to-Top */
.skazzy-button-holder.skazzy-animation-sweep-to-top .skazzy-button:after { height: 0; bottom: auto; top: 0; }
.skazzy-button-holder.skazzy-animation-sweep-to-top .skazzy-button:focus:after,
.skazzy-button-holder.skazzy-animation-sweep-to-top .skazzy-button:hover:after { height: 100%; bottom: 0; top: auto; }

/* Hover - Sweep-to-Bottom */
.skazzy-button-holder.skazzy-animation-sweep-to-bottom .skazzy-button:after { height: 0; bottom: 0; top: auto; }
.skazzy-button-holder.skazzy-animation-sweep-to-bottom .skazzy-button:focus:after,
.skazzy-button-holder.skazzy-animation-sweep-to-bottom .skazzy-button:hover:after { height: 100%; bottom: auto; top: 0; }

/* Hover - Sweep-to-Left */

.skazzy-button-holder.skazzy-animation-sweep-to-left .skazzy-button:after { width: 0; left: 0; right: auto; }
.skazzy-button-holder.skazzy-animation-sweep-to-left .skazzy-button:focus:after,
.skazzy-button-holder.skazzy-animation-sweep-to-left .skazzy-button:hover:after { width: 100%; left: auto; right: 0; }

/* Hover - Sweep-to-Right */

.skazzy-button-holder.skazzy-animation-sweep-to-right .skazzy-button:after { width: 0; left: auto; right: 0; }
.skazzy-button-holder.skazzy-animation-sweep-to-right .skazzy-button:focus:after,
.skazzy-button-holder.skazzy-animation-sweep-to-right .skazzy-button:hover:after { width: 100%; left: 0; right: auto; }


/* Hover - Bounce */

.skazzy-button-holder[class*="skazzy-animation-bounce"], 
.skazzy-button-holder[class*="skazzy-animation-bounce"] .skazzy-button { overflow: hidden; }

.skazzy-button-holder[class*="skazzy-animation-bounce"] .skazzy-button:focus:after,
.skazzy-button-holder[class*="skazzy-animation-bounce"] .skazzy-button:hover:after { -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/* Hover - Bounce-to-Top */

.skazzy-button-holder.skazzy-animation-bounce-to-top .skazzy-button:after { height: 0; bottom: auto; top: 0; }
.skazzy-button-holder.skazzy-animation-bounce-to-top .skazzy-button:focus:after,
.skazzy-button-holder.skazzy-animation-bounce-to-top .skazzy-button:hover:after { height: 100%; bottom: 0; top: auto; }

/* Hover - Bounce-to-Bottom */

.skazzy-button-holder.skazzy-animation-bounce-to-bottom .skazzy-button:after { height: 0; bottom: 0; top: auto; }
.skazzy-button-holder.skazzy-animation-bounce-to-bottom .skazzy-button:focus:after,
.skazzy-button-holder.skazzy-animation-bounce-to-bottom .skazzy-button:hover:after { height: 100%; bottom: auto; top: 0; }

/* Hover - Bounce-to-Left */

.skazzy-button-holder.skazzy-animation-bounce-to-left .skazzy-button:after { width: 0; left: 0; right: auto; }
.skazzy-button-holder.skazzy-animation-bounce-to-left .skazzy-button:focus:after,
.skazzy-button-holder.skazzy-animation-bounce-to-left .skazzy-button:hover:after { width: 100%; left: auto; right: 0; }

/* Hover - Bounce-to-Right */

.skazzy-button-holder.skazzy-animation-bounce-to-right .skazzy-button:after { width: 0; left: auto; right: 0; }
.skazzy-button-holder.skazzy-animation-bounce-to-right .skazzy-button:focus:after,
.skazzy-button-holder.skazzy-animation-bounce-to-right .skazzy-button:hover:after { width: 100%; left: 0; right: auto; }


/* Hover - Shutter-In-Horizontal */

.skazzy-button-holder.skazzy-animation-shutter-in-horizontal,
.skazzy-button-holder.skazzy-animation-shutter-in-horizontal .skazzy-button { overflow: hidden; }
.skazzy-button-holder.skazzy-animation-shutter-in-horizontal .skazzy-button:focus:after,
.skazzy-button-holder.skazzy-animation-shutter-in-horizontal .skazzy-button:hover:after { -webkit-transform: scaleX(0); transform: scaleX(0); }

/* Hover - Shutter-Out-Horizontal */

.skazzy-button-holder.skazzy-animation-shutter-out-horizontal,
.skazzy-button-holder.skazzy-animation-shutter-out-horizontal .skazzy-button { overflow: hidden; }
.skazzy-button-holder.skazzy-animation-shutter-out-horizontal .skazzy-button:after { -webkit-transform: scaleX(0); transform: scaleX(0); }
.skazzy-button-holder.skazzy-animation-shutter-out-horizontal .skazzy-button:focus:after,
.skazzy-button-holder.skazzy-animation-shutter-out-horizontal .skazzy-button:hover:after { -webkit-transform: scaleX(1); transform: scaleX(1); }

/* Hover - Shutter-In-Vertical */

.skazzy-button-holder.skazzy-animation-shutter-in-vertical,
.skazzy-button-holder.skazzy-animation-shutter-in-vertical .skazzy-button { overflow: hidden; }
.skazzy-button-holder.skazzy-animation-shutter-in-vertical .skazzy-button:focus:after,
.skazzy-button-holder.skazzy-animation-shutter-in-vertical .skazzy-button:hover:after { -webkit-transform: scaleY(0); transform: scaleY(0); }

/* Hover - Shutter-Out-Vertical */

.skazzy-button-holder.skazzy-animation-shutter-out-vertical,
.skazzy-button-holder.skazzy-animation-shutter-out-vertical .skazzy-button { overflow: hidden; }
.skazzy-button-holder.skazzy-animation-shutter-out-vertical .skazzy-button:after { -webkit-transform: scaleY(0); transform: scaleY(0); }
.skazzy-button-holder.skazzy-animation-shutter-out-vertical .skazzy-button:focus:after,
.skazzy-button-holder.skazzy-animation-shutter-out-vertical .skazzy-button:hover:after { -webkit-transform: scaleY(1); transform: scaleY(1); }


/* Hover - Shutter-Cross */

.skazzy-button-holder[class*="skazzy-animation-shutter-cross"],
.skazzy-button-holder[class*="skazzy-animation-shutter-cross"] .skazzy-button { overflow: hidden; }

/* Hover - Shutter-Cross-Forward-In */

.skazzy-button-holder.skazzy-animation-shutter-cross-forward-in .skazzy-button:after { height: auto; padding-top: 100%; bottom: auto; top: 50%; -webkit-transform: rotate(-45deg) scale(1.25) translate(0,-50%); transform: rotate(-45deg) scale(1.25) translate(0,-50%); -webkit-transform-origin: center top; transform-origin: center top; }
.skazzy-button-holder.skazzy-animation-shutter-cross-forward-in .skazzy-button:focus:after,
.skazzy-button-holder.skazzy-animation-shutter-cross-forward-in .skazzy-button:hover:after { height: auto; padding-top: 0; }

/* Hover - Shutter-Cross-Backward-In */

.skazzy-button-holder.skazzy-animation-shutter-cross-backward-in .skazzy-button:after { height: auto; padding-top: 100%; bottom: auto; top: 50%; -webkit-transform: rotate(45deg) scale(1.25) translate(0,-50%); transform: rotate(45deg) scale(1.25) translate(0,-50%); -webkit-transform-origin: center top; transform-origin: center top; }
.skazzy-button-holder.skazzy-animation-shutter-cross-backward-in .skazzy-button:focus:after,
.skazzy-button-holder.skazzy-animation-shutter-cross-backward-in .skazzy-button:hover:after { height: auto; padding-top: 0; }

/* Hover - Shutter-Cross-Forward-Out */

.skazzy-button-holder.skazzy-animation-shutter-cross-forward-out .skazzy-button:after { height: auto; padding-top: 0; bottom: auto; top: 50%; -webkit-transform: rotate(-45deg) scale(1.25) translate(0,-50%); transform: rotate(-45deg) scale(1.25) translate(0,-50%); -webkit-transform-origin: center top; transform-origin: center top; }
.skazzy-button-holder.skazzy-animation-shutter-cross-forward-out .skazzy-button:focus:after,
.skazzy-button-holder.skazzy-animation-shutter-cross-forward-out .skazzy-button:hover:after { height: auto; padding-top: 100%; }

/* Hover - Shutter-Cross-Backward-Out */

.skazzy-button-holder.skazzy-animation-shutter-cross-backward-out .skazzy-button:after { height: auto; padding-top: 0; bottom: auto; top: 50%; -webkit-transform: rotate(45deg) scale(1.25) translate(0,-50%); transform: rotate(45deg) scale(1.25) translate(0,-50%); -webkit-transform-origin: center top; transform-origin: center top; }
.skazzy-button-holder.skazzy-animation-shutter-cross-backward-out .skazzy-button:focus:after,
.skazzy-button-holder.skazzy-animation-shutter-cross-backward-out .skazzy-button:hover:after { height: auto; padding-top: 100%; }


/* Hover - Radial */

.skazzy-button-holder[class*="skazzy-animation-radial"],
.skazzy-button-holder[class*="skazzy-animation-radial"] .skazzy-button { overflow: hidden; }

.skazzy-button-holder[class*="skazzy-animation-radial"] .skazzy-button:after { height: auto; bottom: auto; right: auto; left: 50%; top: 50%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/* Hover - Radial-In */

.skazzy-button-holder.skazzy-animation-radial-in .skazzy-button:after { padding-top: 120%; width: 120%; }

.skazzy-button-holder.skazzy-animation-radial-in .skazzy-button:focus:after,
.skazzy-button-holder.skazzy-animation-radial-in .skazzy-button:hover:after { padding-top: 0; width: 0; }

/* Hover - Radial-Out */

.skazzy-button-holder.skazzy-animation-radial-out .skazzy-button:after { padding-top: 0; width: 0; }

.skazzy-button-holder.skazzy-animation-radial-out .skazzy-button:focus:after,
.skazzy-button-holder.skazzy-animation-radial-out .skazzy-button:hover:after { padding-top: 120%; width: 120%; }


/* Hover - Ripple-In */

.skazzy-button-holder.skazzy-animation-ripple-in, .skazzy-button-holder.skazzy-animation-ripple-in .skazzy-button { overflow: visible; }
.skazzy-button-holder.skazzy-animation-ripple-in .skazzy-button:after { border-color: transparent; border-style: solid; background: transparent; margin: -1.2em; -webkit-border-radius: inherit; border-radius: inherit; transition: all 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0.3s; }

.skazzy-button-holder.skazzy-animation-ripple-in .skazzy-button:focus:after, 
.skazzy-button-holder.skazzy-animation-ripple-in .skazzy-button:hover:after { border-color: inherit; background: inherit; margin: -0.2em; opacity: 0; }

/* Hover - Ripple-Out */

.skazzy-button-holder.skazzy-animation-ripple-out, .skazzy-button-holder.skazzy-animation-ripple-out .skazzy-button { overflow: visible; }
.skazzy-button-holder.skazzy-animation-ripple-out .skazzy-button:after { border-color: inherit; border-style: solid; background: inherit; margin: -0.2em; opacity: 0; -webkit-border-radius: inherit; border-radius: inherit; transition: all 0.4s ease-in-out 0.15s, opacity 0.4s ease-in-out 0s; }

.skazzy-button-holder.skazzy-animation-ripple-out .skazzy-button:focus:after, 
.skazzy-button-holder.skazzy-animation-ripple-out .skazzy-button:hover:after { border-color: transparent; background: transparent; margin: -1.2em; opacity: 1; }


/* Hover - Outline */

.skazzy-button-holder[class*="skazzy-animation-outline"] .skazzy-button:after { background-color: inherit; background-image: inherit; 
    padding: 2px;
    -webkit-mask: linear-gradient(var(--skazzy-elementor-color-white) 0 0) content-box, linear-gradient(var(--skazzy-elementor-color-white) 0 0);
    mask: linear-gradient(var(--skazzy-elementor-color-white) 0 0) content-box, linear-gradient(var(--skazzy-elementor-color-white) 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

/* Hover - Outline-In */

.skazzy-button-holder.skazzy-animation-outline-in .skazzy-button:after { color: inherit; background-color: currentColor; margin: 0; opacity: 0; -webkit-border-radius: inherit; border-radius: inherit; }

.skazzy-button-holder.skazzy-animation-outline-in .skazzy-button:focus:after, 
.skazzy-button-holder.skazzy-animation-outline-in .skazzy-button:hover:after { margin: 2px; opacity: 1; }

.skazzy-button-holder.skazzy-template-textual.skazzy-animation-outline-in .skazzy-button:after { margin: -6px; }
.skazzy-button-holder.skazzy-template-textual.skazzy-animation-outline-in .skazzy-button:focus:after, 
.skazzy-button-holder.skazzy-template-textual.skazzy-animation-outline-in .skazzy-button:hover:after { margin: -3px; }


/* Hover - Outline-Out */

.skazzy-button-holder.skazzy-animation-outline-out .skazzy-button:after { color: rgba(var(--skazzy-elementor-color-secondary-rgb),0.5); background-color: currentColor; margin: 0; opacity: 0; -webkit-border-radius: inherit; border-radius: inherit; }

.skazzy-button-holder.skazzy-animation-outline-out .skazzy-button:focus:after, 
.skazzy-button-holder.skazzy-animation-outline-out .skazzy-button:hover:after { margin: -5px; opacity: 1; }


/* Hover - Overline & Underline */

.skazzy-button-holder[class*="skazzy-animation-overline"],
.skazzy-button-holder[class*="skazzy-animation-overline"] .skazzy-button { overflow: hidden; }
.skazzy-button-holder[class*="skazzy-animation-overline"] .skazzy-button:after { bottom: auto; top: 0; }

.skazzy-button-holder[class*="skazzy-animation-underline"],
.skazzy-button-holder[class*="skazzy-animation-underline"] .skazzy-button { overflow: hidden; }
.skazzy-button-holder[class*="skazzy-animation-underline"] .skazzy-button:after { bottom: 0; top: auto; }

.skazzy-button-holder.skazzy-animation-overline-left .skazzy-button:after,
.skazzy-button-holder.skazzy-animation-underline-left .skazzy-button:after { height: 1px; left: auto; right: 0; width: 0; }

.skazzy-button-holder.skazzy-animation-overline-left .skazzy-button:focus:after,
.skazzy-button-holder.skazzy-animation-overline-left .skazzy-button:hover:after,
.skazzy-button-holder.skazzy-animation-underline-left .skazzy-button:focus:after,
.skazzy-button-holder.skazzy-animation-underline-left .skazzy-button:hover:after { left: 0; right: auto; width: 100%; }


.skazzy-button-holder.skazzy-animation-overline-right .skazzy-button:after,
.skazzy-button-holder.skazzy-animation-underline-right .skazzy-button:after { height: 1px; left: 0; right: auto; width: 0; }

.skazzy-button-holder.skazzy-animation-overline-right .skazzy-button:focus:after,
.skazzy-button-holder.skazzy-animation-overline-right .skazzy-button:hover:after,
.skazzy-button-holder.skazzy-animation-underline-right .skazzy-button:focus:after,
.skazzy-button-holder.skazzy-animation-underline-right .skazzy-button:hover:after { left: auto; right: 0; width: 100%; }


.skazzy-button-holder.skazzy-animation-overline-middle .skazzy-button:after,
.skazzy-button-holder.skazzy-animation-underline-middle .skazzy-button:after { height: 1px; margin-left: auto; margin-right: auto; width: 0; }

.skazzy-button-holder.skazzy-animation-overline-middle .skazzy-button:focus:after,
.skazzy-button-holder.skazzy-animation-overline-middle .skazzy-button:hover:after,
.skazzy-button-holder.skazzy-animation-underline-middle .skazzy-button:focus:after,
.skazzy-button-holder.skazzy-animation-underline-middle .skazzy-button:hover:after { width: 100%; }


.skazzy-button-holder.skazzy-animation-overline-reveal .skazzy-button:after { height: 3px; opacity: 0; bottom: auto; top: 0; transform: translateY(-100%); transition: all 0.5s ease; }
.skazzy-button-holder.skazzy-animation-overline-reveal .skazzy-button:focus:after,
.skazzy-button-holder.skazzy-animation-overline-reveal .skazzy-button:hover:after { opacity: 1; transform: translateY(0); }

.skazzy-button-holder.skazzy-animation-underline-reveal .skazzy-button:after { height: 3px; opacity: 0; bottom: 0; top: auto; transform: translateY(100%); transition: all 0.5s ease; }
.skazzy-button-holder.skazzy-animation-underline-reveal .skazzy-button:focus:after, 
.skazzy-button-holder.skazzy-animation-underline-reveal .skazzy-button:hover:after { opacity: 1; transform: translateY(0); }


/* Hover - UpDownLine */
.skazzy-button-holder[class*="skazzy-animation-updownline"],
.skazzy-button-holder[class*="skazzy-animation-updownline"] .skazzy-button { overflow: hidden; }
.skazzy-button-holder[class*="skazzy-animation-updownline"] .skazzy-button:after { background: none; border-color: currentColor; color: inherit; border-style: solid; border-width: 2px 0; bottom: 0; top: 0; }

/* Hover - UpDownline-Left */
.skazzy-button-holder.skazzy-animation-updownline-left .skazzy-button:after { left: auto; right: 0; width: 0 }
.skazzy-button-holder.skazzy-animation-updownline-left .skazzy-button:focus:after,
.skazzy-button-holder.skazzy-animation-updownline-left .skazzy-button:hover:after { left: 0; right: auto; width: 100%; }

/* Hover - UpDownline-Right */
.skazzy-button-holder.skazzy-animation-updownline-right .skazzy-button:after { left: 0; right: auto; width: 0; }
.skazzy-button-holder.skazzy-animation-updownline-right .skazzy-button:focus:after,
.skazzy-button-holder.skazzy-animation-updownline-right .skazzy-button:hover:after { left: auto; right: 0; width: 100%; }

/* Hover - UpDownline-Middle */
.skazzy-button-holder.skazzy-animation-updownline-middle .skazzy-button:after { margin-left: auto; margin-right: auto; width: 0; }
.skazzy-button-holder.skazzy-animation-updownline-middle .skazzy-button:focus:after, 
.skazzy-button-holder.skazzy-animation-updownline-middle .skazzy-button:hover:after { width: 100%; }

/* Hover - UpDownline-Reveal */
.skazzy-button-holder.skazzy-animation-updownline-reveal .skazzy-button:after { opacity: 0; bottom: -3px; top: -3px; }
.skazzy-button-holder.skazzy-animation-updownline-reveal .skazzy-button:focus:after, 
.skazzy-button-holder.skazzy-animation-updownline-reveal .skazzy-button:hover:after { opacity: 1; bottom: 0; top: 0; }


/* Hover - Line-Through */
.skazzy-button-holder[class*="skazzy-animation-linethrough"] .skazzy-button .skazzy-button-text > span { position: relative; transition: var(--skazzy-elementor-base-transition); }
.skazzy-button-holder[class*="skazzy-animation-linethrough"] .skazzy-button .skazzy-button-text > span:after { background-color: currentColor; height: 2px; margin-top: auto; margin-bottom: auto; -webkit-transform: translateY(100%); transform: translateY(100%); }

/* Hover - Line-Through-Left */
.skazzy-button-holder.skazzy-animation-linethrough-left .skazzy-button .skazzy-button-text > span:after { left: auto; right: 0; width: 0 }
.skazzy-button-holder.skazzy-animation-linethrough-left .skazzy-button:focus .skazzy-button-text > span:after,
.skazzy-button-holder.skazzy-animation-linethrough-left .skazzy-button:hover .skazzy-button-text > span:after { left: 0; right: auto; width: 100%; }

/* Hover - Line-Through-Right */
.skazzy-button-holder.skazzy-animation-linethrough-right .skazzy-button .skazzy-button-text > span:after { left: 0; right: auto; width: 0; }
.skazzy-button-holder.skazzy-animation-linethrough-right .skazzy-button:focus .skazzy-button-text > span:after,
.skazzy-button-holder.skazzy-animation-linethrough-right .skazzy-button:hover .skazzy-button-text > span:after { left: auto; right: 0; width: 100%; }

/* Hover - Line-Through-Middle */
.skazzy-button-holder.skazzy-animation-linethrough-middle .skazzy-button .skazzy-button-text > span:after { margin-left: auto; margin-right: auto; width: 0; }
.skazzy-button-holder.skazzy-animation-linethrough-middle .skazzy-button:focus .skazzy-button-text > span:after, 
.skazzy-button-holder.skazzy-animation-linethrough-middle .skazzy-button:hover .skazzy-button-text > span:after { width: 100%; }

/* Hover - Line-Through-Reveal */
.skazzy-button-holder.skazzy-animation-linethrough-reveal .skazzy-button .skazzy-button-text > span { perspective: 100px; }
.skazzy-button-holder.skazzy-animation-linethrough-reveal .skazzy-button .skazzy-button-text > span:after { opacity: 0; transform: translateZ(25px); }

.skazzy-button-holder.skazzy-animation-linethrough-reveal .skazzy-button:focus .skazzy-button-text > span:after, 
.skazzy-button-holder.skazzy-animation-linethrough-reveal .skazzy-button:hover .skazzy-button-text > span:after { opacity: 1; transform: translateZ(0); }

/* New button Hover Style - textable */

.skazzy-button-holder.skazzy-template-textual.skazzy-animation-underline-left .skazzy-button { overflow: hidden; line-height: 1; font-weight: normal; padding-bottom: 3px; }
.skazzy-button-holder.skazzy-template-textual.skazzy-animation-underline-left .skazzy-button:after,
.skazzy-button-holder.skazzy-template-textual.skazzy-animation-underline-left .skazzy-button:before { top: auto;content: ''; display: block; width: 100%; height: 1px; position: absolute; bottom: 0; background-color: currentColor; transition: transform .4s cubic-bezier(.31,.29,.05,.96); }

.skazzy-button-holder.skazzy-template-textual.skazzy-animation-underline-left .skazzy-button:before { left: 0 }
.skazzy-button-holder.skazzy-template-textual.skazzy-animation-underline-left .skazzy-button:after { left: -100%; transition-delay: 0.3s }
    
.skazzy-button-holder.skazzy-template-textual.skazzy-animation-underline-left .skazzy-button:hover:after,
.skazzy-button-holder.skazzy-template-textual.skazzy-animation-underline-left .skazzy-button:hover:before { transform:translateX(100%) }

.skazzy-button-holder.skazzy-template-filled a.skazzy-button,
.skazzy-button-holder.skazzy-template-filled a.skazzy-button:hover{background: transparent;}
.skazzy-button-holder.skazzy-template-filled a.skazzy-button:before,
.skazzy-button-holder.skazzy-template-filled a.skazzy-button:after {background: var(--skazzyPrimaryColor);width: 55%;transition: var(--skazzy-Ad-Transition);}
.skazzy-button-holder.skazzy-template-filled a.skazzy-button:after {left: unset;right: 0;transform: unset;}
.skazzy-button-holder.skazzy-template-filled a.skazzy-button:hover:before,
.skazzy-button-holder.skazzy-template-filled a.skazzy-button:hover:after {width: 0;}
.skazzy-secondary-button .skazzy-button-holder.skazzy-template-filled a.skazzy-button{border-color: var(--skazzySecondaryColor);}
.skazzy-secondary-button .skazzy-button-holder.skazzy-template-filled a.skazzy-button:before,
.skazzy-secondary-button .skazzy-button-holder.skazzy-template-filled a.skazzy-button:after {background: var(--skazzySecondaryColor);}


/* Template - Bordered */

.skazzy-button-holder.skazzy-template-bordered .skazzy-button:hover{border-color:var(--skazzyPrimaryColor);}
.skazzy-button-holder.skazzy-template-bordered .skazzy-button:before,
.skazzy-button-holder.skazzy-template-bordered .skazzy-button:after{background: var(--skazzyPrimaryColor);width: 0;}
.skazzy-button-holder.skazzy-template-bordered .skazzy-button:after{left: unset;right: 0;}
.skazzy-button-holder.skazzy-template-bordered .skazzy-button:hover:before, 
.skazzy-button-holder.skazzy-template-bordered .skazzy-button:hover:after {width: 55%;}

.skazzy-secondary-button .skazzy-button-holder.skazzy-template-bordered .skazzy-button:hover{border-color:var(--skazzySecondaryColor);}
.skazzy-secondary-button .skazzy-button-holder.skazzy-template-bordered .skazzy-button:before,
.skazzy-secondary-button .skazzy-button-holder.skazzy-template-bordered .skazzy-button:after{background: var(--skazzySecondaryColor);}