/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 08 2025 | 13:39:43 */
.hn-block-template-cta {
	--hn-cta-button-color: #242424;
	--hn-cta-button-bg: #fff;
	--hn-cta-button-opacity: 1;
	--hn-cta-button-hover-color: #242424;
	--hn-cta-button-hover-bg: #fff;
	--hn-cta-button-hover-opacity: .8;
	
	/*--hn-cta-bg1: #6626d9;*/
	--hn-cta-bg1: #845aff;
	--hn-cta-bg2: #e91e63;
	
	
    background: linear-gradient(90deg, var(--hn-cta-bg1), var(--hn-cta-bg2) );
    border:none;
    
    text-align: center;
    display:block !important;
    
}

.hn-block-template-cta *,
.hn-block-template-cta .fake-h2,
.hn-block-template-cta .fake-h3 {
    color: #fff;
}


.hn-block-template-cta .wp-block-button {
    margin: 1em auto 0 auto;
}

.hn-block-template-cta a {
    background: var(--hn-cta-button-bg);
    color: var(--hn-cta-button-color);
	opacity: var(--hn-cta-button-opacity);
    margin:auto;
    
    border-radius: 50px;
    padding:0em;
    line-height:1;
    
    transition: all .3s linear;
}

.hn-block-template-cta a:after {
    content: " \f061";
    font-family: "FontAwesome";
}

.hn-block-template-cta a:hover {
	color: var(--hn-cta-button-hover-color);
	background: var(--hn-cta-button-hover-bg);
	opacity: var(--hn-cta-button-hover-opacity);
}