.themeshark-button{
--effect-offset: 6px;
--effect-width: 2px;
--effect-size: 17px;
--border-top-width: 2px;
--border-right-width: 2px;
--border-bottom-width: 2px;
--border-left-width: 2px;
--border-top-radius: 0px;
--border-right-radius: 0px;
--border-bottom-radius: 0px;
--border-left-radius: 0px;
--text-before-bg: transparent;
--transition: .3s;
padding: 12px 24px;
display:inline-block;
transition: var(--transition);
background-color: var(--e-global-color-accent);
border-width: var(--border-top-width) var(--border-right-width) var(--border-bottom-width) var(--border-left-width);
border-radius: var(--border-top-radius) var(--border-right-radius) var(--border-bottom-radius) var(--border-left-radius);
}
.elementor-align-justify .themeshark-button{
width:100%;
text-align:center;
}   .themeshark-button--effect-corners {
position:relative;
overflow:visible;
}
.themeshark-button--effect-corners .themeshark-button-text{
z-index: 1;
position:relative;
}
.themeshark-button--effect-corners::before,
.themeshark-button--effect-corners::after{
--border-color: var(--e-global-color-accent);
z-index:1;
content:"";
width:0px;
height:0px;
content:"";
opacity:0;
position:absolute;
border: var(--effect-width) solid;
border-color: var(--border-color);
transition: opacity calc(var(--transition) / 3) calc(var(--transition) / 1.5), width var(--transition), height var(--transition), border-color var(--transition), left var(--transition), right var(--transition);
}
.themeshark-button--effect-corners::before{
border-width: var(--effect-width) 0px 0px var(--effect-width);
border-top-left-radius: calc(var(--border-top-radius) + (var(--border-top-radius) / 2));
left: calc(var(--effect-offset) * -1 - var(--border-left-width));
top: calc(var(--effect-offset) * -1 - var(--border-top-width));
}
.themeshark-button--effect-corners::after{
border-width: 0px var(--effect-width) var(--effect-width) 0px;
border-bottom-right-radius: calc(var(--border-bottom-radius) + (var(--border-bottom-radius) / 2));
right: calc(var(--effect-offset) * -1 - var(--border-right-width));
bottom: calc(var(--effect-offset) * -1 - var(--border-bottom-width));
}
.themeshark-button--effect-corners:hover::before, 
.themeshark-button--effect-corners:hover::after,
.themeshark-button--effect-corners:focus::before, 
.themeshark-button--effect-corners:focus::after{
width: var(--effect-size);
height: var(--effect-size);
opacity:1;
transition: opacity calc(var(--transition) / 3), width var(--transition), height var(--transition), border-color var(--transition), left var(--transition), right var(--transition);
}
.themeshark-button--effect-corners .themeshark-text-before{
width:0px;
height: 100%;
top:0px;
left: 50%;
opacity: 0;
transform:skew(50deg);
position: absolute;
transition: all var(--transition) ease-out;
background-color: var(--text-before-bg);
}
.themeshark-button--effect-corners:hover .themeshark-text-before,
.themeshark-button--effect-corners:focus .themeshark-text-before{
width: 100%;
left:0px;
transform:skew(0deg);
opacity:1;
}
.themeshark-button--effect-corners .themeshark-text-before-wrapper{
overflow: hidden;
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
border-radius: calc(var(--border-top-radius) - var(--border-top-width))
calc(var(--border-right-radius) - var(--border-right-width))
calc(var(--border-bottom-radius) - var(--border-bottom-width)) 
calc(var(--border-left-radius) - var(--border-left-width));
}   .themeshark-button--effect-bg-slide{
position:relative;
overflow: hidden;
vertical-align: top;
}
.themeshark-button--effect-bg-slide .themeshark-text-before{
content: "";
background-color: black;
bottom:0px;
right:100%;
left:0px;
position:absolute;
top:0px;
bottom:0px;
transition: var(--transition);
}
.themeshark-button--effect-bg-slide:hover .themeshark-text-before{
right:0px;
}
.themeshark-button--effect-bg-slide .themeshark-button-text{
position:relative;
}   .themeshark-button--effect-cross-arrow {
position: relative;
padding: 12px 40px;
}
.themeshark-button--effect-cross-arrow::before, 
.themeshark-button--effect-cross-arrow::after{
content: "";
position: absolute;
left: calc(0px - var(--border-left-width));
top: 50%;
transform: translate(-50%, -50%);
transition: calc(var(--transition) * .667);
border: 0 solid transparent;
}
.themeshark-button--effect-cross-arrow::before {
height: var(--effect-width);
border-left: var(--effect-size) solid white;
}
.themeshark-button--effect-cross-arrow::after{
height: var(--effect-size);
border-left: var(--effect-width) solid white;
}
.themeshark-button--effect-cross-arrow:hover::before{
border-width: calc(var(--effect-size) * .8);
border-left: calc(var(--effect-size) * .8) solid white;
transform: translate(0, -50%);
}
.themeshark-button--effect-cross-arrow:hover::after {
border-width: calc(var(--effect-size) * .8);
border-right-width: 0px;
}