@font-face {
	font-family: 'ElegantIcons';
	src:url('/wp-content/themes/thegem-elementor/fonts/elegant/ElegantIcons.eot');
	src:url('/wp-content/themes/thegem-elementor/fonts/elegant/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/thegem-elementor/fonts/elegant/ElegantIcons.woff') format('woff'),
		url('/wp-content/themes/thegem-elementor/fonts/elegant/ElegantIcons.ttf') format('truetype'),
		url('/wp-content/themes/thegem-elementor/fonts/elegant/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}
.cybele-button{
    font-family: var(--e-global-typography-accent-font-family), sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: var(--e-global-typography-accent-text-transform);
    font-style: var(--e-global-typography-accent-font-style);
    text-decoration: var(--e-global-typography-accent-text-decoration);
    line-height: var(--e-global-typography-accent-line-height);
}

.cybele-button:not(.link-cybele) a{
/* clamp(0.3rem, 0.5vw, 1rem) clamp(2.5rem, 1.6vw, 3rem); */
padding: var(--global-padding-button);
display: inline-block;
}
.cybele-button .arrow-right{
font-family: 'ElegantIcons';
font-style: normal;
font-weight: 500;
display: inline-block;
height: 1em;
position: relative;
width: 1em;
}
.cybele-button .arrow-right:before{
content: "\24";
position: absolute;
font-size: 120%;
top: 1px;
left: 0px;
transition: transform 400ms;
line-height: normal;	
}
.cybele-button>a:hover .arrow-right:before{
transform: translatex(3px);
}

/*Primary*/
.cybele-button.blue-cybele.primary a{
background-color: var(--e-global-color-accent);
color: white;	
    border-radius: 80px;
    border: 2px solid var(--e-global-color-accent);
}
.cybele-button.blue-cybele.primary a:hover{
    transform: scale(0.97);
}
/*Secondary*/
.cybele-button.blue-cybele.secondary a{
    background-color: transparent;
    color: var(--e-global-color-accent);	
    border-radius: 80px;
    border: 2px solid var(--e-global-color-accent);
    }
    .cybele-button.blue-cybele.secondary a:hover{
        transform: scale(0.97);
    }
 /*White Primary*/
 .cybele-button.white-cybele.primary a{
    background-color: #fff;
    color: #000;	
    border-radius: 80px;
    border: 2px solid #fff;
    transition: all .2s ease-in-out;
    }
    .cybele-button.white-cybele.primary a:hover{
        transform: scale(0.97);
    }
 /*White Secondary*/
 .cybele-button.white-cybele.secondary a{
    background-color: transparent;
    color: #fff;	
    border-radius: 80px;
    border: 2px solid #fff;
    }
    .cybele-button.white-cybele.secondary a:hover{
        transform: scale(0.97);
    }
    /*Lilac Primary*/
.cybele-button.lilac-cybele.primary a{
   background-color: var(--e-global-color-6e664bf);
   color: white;	
       border-radius: 80px;
       border: 2px solid var(--e-global-color-6e664bf);
   }
   .cybele-button.lilac-cybele.primary a:hover{
    transform: scale(0.97);
   }
   /*Lilac Secondary*/
   .cybele-button.lilac-cybele.secondary a{
       background-color: transparent;
       color: var(--e-global-color-6e664bf);	
       border-radius: 80px;
       border: 2px solid var(--e-global-color-6e664bf);
       }
       .cybele-button.lilac-cybele.secondary a:hover{
        transform: scale(0.97);
       }

    /*Link*/
