.s1 button:active,.s1 button:hover {
    letter-spacing: 3px;
    box-shadow: var(--e-global-color-accent)
}

.s3 button:after,.s5 button::after {
    background-color: var(--e-global-color-accent);
    z-index: -1
}

.s1 button,.s5 button,.s6 button,.s7 button {
    text-transform: uppercase
}

.s3 button,.s5 button,.s7 button {
    position: relative
}

.s1 button {
    padding: 17px 40px;
    border-radius: 50px;
    border: 0;
    background-color: var(--e-global-color-accent);
    box-shadow: rgb(0 0 0 / 8%) 0 0 10px;
    letter-spacing: 1.5px;
    font-size: 1rem;
    transition: .5s;
    color: #202020
}

.s1 button:hover {
    background-color: var(--e-global-color-accent);
    color: #fff
}

.s1 button:active {
    background-color: var(--e-global-color-accent);
    color: #fff;
    transform: translateY(10px);
    transition: .1s
}

.s2 button {
    cursor: pointer;
    font-weight: 500;
    transition: .2s;
    padding: 16px 32px;
    border-radius: 100px;
    background: var(--e-global-color-accent);
    border: none;
    color: #fff
}

.s2 button>i,.s2 button>svg {
    transition: transform .3s ease-in-out
}

.s2 button:hover i,.s2 button:hover svg {
    transform: translateX(5px)
}

.s2 button:active {
    transform: scale(.95)
}

.s3 button {
    font-weight: 600;
    height: 40px;
    padding: 12px 20px;
    outline: 0;
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent;
    border-radius: 0
}

.s4 button,.s6 button {
    font-weight: 700;
    border: none
}

.s3 button:after {
    content: "";
    position: absolute;
    width: 100%;
    top: 7px;
    left: 7px;
    height: 100%;
    transition: .35s;
    border-radius: inherit
}

.s5 button::after,.s5 button::before,.s7 button::before {
    content: '';
    position: absolute
}

.s3 button:hover:after {
    top: 0;
    left: 0
}

.s4 button {
    --c: #fff;
    background: linear-gradient(90deg,#0000 33%,#fff5,#0000 67%) var(--_p,100%)/300% no-repeat,var(--e-global-color-accent);
    color: #0000;
    transform: perspective(500px) rotateY(calc(20deg*var(--_i,-1)));
    text-shadow: calc(var(--_i,-1)* .08em) -.01em 0 var(--c),calc(var(--_i,-1)*-.08em) .01em 2px #0004;
    outline-offset: .1em;
    transition: .3s;
    font-family: system-ui,sans-serif;
    font-size: 2rem;
    margin: 0;
    cursor: pointer;
    padding: .1em .3em
}

.s4 button:focus-visible,.s4 button:hover {
    --_p: 0%;
    --_i: 1
}

.s4 button:active {
    text-shadow: none;
    color: var(--c);
    box-shadow: inset 0 0 9e9q #0005;
    transition: none
}

.s5 button,.s5 button:hover,.s5 button:hover::after {
    color: var(--e-global-color-accent)
}

.s5 button {
    background: 0 0;
    border: none;
    padding: 1em 1.5em;
    transition: .5s
}

.s6 button,.s7 button:hover {
    background: var(--e-global-color-accent)
}

.s5 button::before {
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    background-color: var(--e-global-color-accent);
    transition: .5s
}

.s5 button:hover {
    transition-delay: .5s
}

.s5 button:hover::before {
    width: 100%
}

.s5 button::after {
    left: 0;
    bottom: 0;
    height: 0;
    width: 100%;
    transition: .4s
}

.s5 button:hover::after {
    height: 100%;
    transition-delay: 0.4s
}

.s6 button {
    padding: 10px 20px;
    font-size: 17px;
    color: #fff;
    border-radius: 7px;
    letter-spacing: 4px;
    transition: box-shadow .5s;
    box-shadow: 0 0 25px var(--e-global-color-accent)
}

.s10 button,.s7 button {
    font-weight: 600
}

.s6 button:hover {
    box-shadow: 0 0 5px var(--e-global-color-accent),0 0 25px var(--e-global-color-accent),0 0 50px var(--e-global-color-accent),0 0 100px var(--e-global-color-accent)
}

.s7 button {
    padding: 16px 32px;
    border-radius: 7px;
    border: 1px solid var(--e-global-color-accent);
    font-size: 1rem;
    letter-spacing: 2px;
    background: 0 0;
    color: var(--e-global-color-text);
    overflow: hidden;
    box-shadow: 0 0 0 0 transparent;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    transition: .2s ease-in
}

.s10 button,.s9 button {
    background-color: transparent
}

.s7 button:hover {
    box-shadow: 0 0 30px 5px var(--e-global-color-accent);
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    transition: .2s ease-out
}

.s7 button:hover::before {
    -webkit-animation: .5s linear sh02;
    -moz-animation: .5s linear sh02;
    animation: .5s linear sh02
}

.s7 button::before {
    display: block;
    width: 0;
    height: 86%;
    top: 7%;
    left: 0;
    opacity: 0;
    background: #fff;
    box-shadow: 0 0 50px 30px #fff;
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg)
}

@keyframes sh02 {
    from {
        opacity: 0;
        left: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        left: 100%
    }
}

.s7 button:active {
    box-shadow: 0 0 0 0 transparent;
    -webkit-transition: box-shadow .2s ease-in;
    -moz-transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in
}

.s9 button {
    font-family: monospace;
    color: var(--e-global-color-accent);
    border: none;
    border-radius: 8px;
    width: 100px;
    height: 45px;
    transition: .3s
}

.s9 button:hover {
    background-color: var(--e-global-color-accent);
    box-shadow: 0 0 0 5px #0000000f;
    color: #fff
}

.s10 button {
    color: var(--e-global-color-text);
    border-radius: 10em;
    padding: 1rem 2rem;
    transition: .3s ease-in-out;
    border: 1px solid var(--e-global-color-accent);
    box-shadow: 0 0 0 0 var(--e-global-color-accent)
}

.s10 button:hover {
    transform: translateY(-4px) translateX(-2px);
    box-shadow: 2px 5px 0 0 var(--e-global-color-accent)
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}

.elementor-testimonial__text::-webkit-scrollbar {
    display: none;
}
  
.elementor-testimonial__text {
    scrollbar-width: none;
}

