.elementor-2837 .elementor-element.elementor-element-5e5c3a5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2837 .elementor-element.elementor-element-6d05851{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2837 .elementor-element.elementor-element-f86d92d .elementor-button{background-color:#000000;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:24px;padding:10px 20px 10px 20px;}/* Start custom CSS for button, class: .elementor-element-f86d92d *//* =========================================
   ELEMENTOR BUTTON
   GRADIENT + WHITE CORNER BORDER
========================================= */

.elementor-2837 .elementor-element.elementor-element-f86d92d .elementor-button {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    background: linear-gradient(
        90deg,
        #FB6F0B 0%,
        #FFA600 50%,
        #FF4969 100%
    );

    background-size: 200% 100%;
    background-position: 0% 50%;

    border: none;

    overflow: hidden;

    transition:
        background-position 0.5s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


/* =========================================
   TOP CORNERS
   5px INSIDE
   INITIAL LENGTH: 10px
========================================= */

.elementor-2837 .elementor-element.elementor-element-f86d92d .elementor-button::before {

    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    z-index: 1;

    background-repeat: no-repeat;

    background-image:

        linear-gradient(#FFFFFF, #FFFFFF),
        linear-gradient(#FFFFFF, #FFFFFF),
        linear-gradient(#FFFFFF, #FFFFFF),
        linear-gradient(#FFFFFF, #FFFFFF);

    background-position:

        5px 5px,
        5px 5px,
        calc(100% - 5px) 5px,
        calc(100% - 5px) 5px;

    background-size:

        10px 2px,
        1.5px 10px,
        10px 2px,
        1.5px 10px;

    transition:
        background-size 0.45s ease;
}


/* =========================================
   BOTTOM CORNERS
   5px INSIDE
   INITIAL LENGTH: 10px
========================================= */

.elementor-2837 .elementor-element.elementor-element-f86d92d .elementor-button::after {

    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    z-index: 1;

    background-repeat: no-repeat;

    background-image:

        linear-gradient(#FFFFFF, #FFFFFF),
        linear-gradient(#FFFFFF, #FFFFFF),
        linear-gradient(#FFFFFF, #FFFFFF),
        linear-gradient(#FFFFFF, #FFFFFF);

    background-position:

        5px calc(100% - 5px),
        5px calc(100% - 5px),
        calc(100% - 5px) calc(100% - 5px),
        calc(100% - 5px) calc(100% - 5px);

    background-size:

        10px 2px,
        1.5px 10px,
        10px 2px,
        1.5px 10px;

    transition:
        background-size 0.45s ease;
}


/* =========================================
   HOVER
   FOUR CORNERS JOIN TOGETHER
========================================= */

.elementor-2837 .elementor-element.elementor-element-f86d92d .elementor-button:hover::before {

    background-size:

        calc(50% - 5px) 2px,
        2px calc(100% - 10px),
        calc(50% - 5px) 2px,
        2px calc(100% - 10px);
}


.elementor-2837 .elementor-element.elementor-element-f86d92d .elementor-button:hover::after {

    background-size:

        calc(50% - 5px) 2px,
        2px calc(100% - 10px),
        calc(50% - 5px) 2px,
        2px calc(100% - 10px);
}


/* =========================================
   KEEP CONTENT ABOVE BORDER
========================================= */

.elementor-2837 .elementor-element.elementor-element-f86d92d .elementor-button-text,
.elementor-2837 .elementor-element.elementor-element-f86d92d .elementor-button-icon {

    position: relative;
    z-index: 2;
}


/* =========================================
   ARROW / ICON
========================================= */

.elementor-2837 .elementor-element.elementor-element-f86d92d .elementor-button-icon {

    display: inline-flex;

    transition:
        transform 0.35s ease;
}


/* =========================================
   BUTTON HOVER
========================================= */

.elementor-2837 .elementor-element.elementor-element-f86d92d .elementor-button:hover {

    background-position: 100% 50%;

    transform: translateY(-2px);

    box-shadow:
        0 8px 22px rgba(255, 73, 105, 0.25);
}


/* =========================================
   MOVE ARROW
========================================= */

.elementor-2837 .elementor-element.elementor-element-f86d92d .elementor-button:hover
.elementor-button-icon {

    transform: translateX(6px);
}/* End custom CSS */