/* Buttons */
.button {margin:8px; display:inline-block; position:relative; transition:.3s; line-height:1.5;}
.button:hover {cursor:pointer;}
.button:after {content:attr(data-icon); font-family:"Font Awesome 5 Pro"; margin-left:8px; margin-right:4px; transition:margin-left .3s, margin-right .3s;}
.button:hover:after {margin-left:12px; margin-right:0;}
.button.default {color:var(--aqua_marine); font-weight:500; transition:color .3s, transform 0.4s, opacity 0.4s;}
.button.default:hover {color:var(--neon_coral)!important;}
.button.primary {color:var(--aqua_marine); border:1px solid var(--aqua_marine); padding:12px 32px; border-radius:999px;}
.button.primary:hover {border-color:var(--neon_coral); color:var(--neon_coral)!important;}
.button .button-text {display:inline-block; position:relative; white-space:nowrap}
.button .button-text:before {content:attr(data-placeholder); opacity:0;}
/*.button.has-hover-text:before {content:attr(data-placeholder); opacity:0;}*/
.button.has-hover-text .default-text {position:absolute; left:0; top:0; opacity:1; transition:.64s;}
.button.has-hover-text:hover .default-text {opacity:0;}
.button.has-hover-text .hover-text {position:absolute; left:0; top:0; opacity:0; transition:.64s;}
.button.has-hover-text:hover .hover-text {opacity:1;}
.button.no-icon:after {content:""; display:none;}
.button.no-icon:before {content:""; display:none;}
.button.no-border {border:none;}
.button.no-events {pointer-events:none;}
.button.newsletter-button {font-size:40px; font-weight:400; position:relative;}
.button.newsletter-button:before {content:""; position:absolute; width:100%; bottom:2px; left:0; height:2px; background:var(--deep_sea)}
.button.newsletter-button:after {content:""; position:absolute; width:0; bottom:2px; left:0; height:2px; background:var(--neon_coral); transition:.3s; margin-left:0; margin-right:0;}
.button:hover.newsletter-button:after {width:100%;}
.button.button-large {font-size:36px; font-weight:500; font-family:metronic-slab, sans-serif;}
.button.icon-before:before {content:attr(data-icon); font-family:"Font Awesome 5 Pro"; font-weight:500; margin-left:0px; margin-right:12px; transition: margin-left .3s, margin-right .3s;}
.button.icon-before:hover:before {margin-left:8px; margin-right:4px;}
.button.icon-before:after {content:""}

.button.filled {background:var(--aqua_marine);}
.button.filled:hover {background:var(--neon_coral);}
.button.filled .button-text {color:#fff}
.button.filled:hover .button-text {color:#fff}
.button.filled:after {color:#fff;}

.button.sticky-button {position:fixed; bottom:8px; right:8px; z-index:999; box-shadow:0 8px 24px rgba(0,0,0,0.12); margin:0;}
.button.mobile {display:none;}

@media only screen and (max-width:800px) {
	.button.mobile {display:inline-flex;}
}

/* Hover Color */
.button.hover-color-white:hover {color:#fff!important;}
.button.hover-color-aqua-marine:hover {color:var(--aqua_marine)!important;}
.button.hover-color-deep-sea:hover {color:var(--deep_sea)!important;}
.button.hover-color-neon-coral:hover {color:var(--neon_coral)!important;}
.button.hover-color-pink-pearl:hover {color:var(--pink_pearl)!important;}
.button.hover-color-soft-sand:hover {color:var(--soft_sand)!important;}

.button.hover-bg-aqua-marine:hover {background-color:var(--aqua_marine)!important}
.button.hover-bg-deep-sea:hover {background-color:var(--deep_sea)!important}

/* Elementor Button */
#wrapper #main .elementor-element .elementor-button-wrapper .elementor-button {display:inline-flex; align-items:center; background-color:var(--aqua_marine); border:1px solid var(--aqua_marine); padding:12px 32px; border-radius:999px;}
#wrapper #main .elementor-element .elementor-button-wrapper .elementor-button:hover {background-color:var(--neon_coral); border-color:var(--neon_coral);}
#wrapper #main .elementor-element .elementor-button-wrapper .elementor-button .elementor-button-text {color:#fff; font-size:18px; line-height:1.6;}
#wrapper #main .elementor-element .elementor-button-wrapper .elementor-button .elementor-button-text:after {content:''; display:inline-flex; font-family:"Font Awesome 5 Pro"; font-weight:500; margin-left:8px; margin-right:4px; transition: margin-left .3s, margin-right .3s;}
#wrapper #main .elementor-element .elementor-button-wrapper .elementor-button:hover .elementor-button-text:after {margin-left:12px; margin-right:0px;}