/* general */
.c24j-button {
	/*align-items:center;
    min-width: fit-content!important;*/
	height: fit-content !important;
	border-radius: 100px !important;
	padding: 0 !important;
	text-decoration: none;
	display: inline-flex;
}

.c24j-button .elementor-button-text {
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
}

.c24j-button .elementor-button-icon {
	font-size: 16px;
	line-height: 24px;
}

.c24j-button .elementor-button-link {
	padding: 10px 17px;
}

/* svg from orange to white */
.c24j-button .btn-filet-orange .elementor-button-icon svg, .c24j-button .btn-link-orange .elementor-button-icon svg, .c24j-button .btn-beige .elementor-button-icon svg {
	fill: var(--e-global-color-accent) !important;
	margin-left: 5px !important;
	height: 19px !important;
	width: 20px !important;
	transition: fill .3s ease;
}

.c24j-button .btn-filet-orange:hover .elementor-button-icon svg, .c24j-button .btn-beige:hover .elementor-button-icon svg {
	color: white !important;
	fill: white !important;
}

/* svg from white to orange */
.c24j-button .btn-orange .elementor-button-icon svg {
	fill: white !important;
	margin-left: 5px !important;
	height: 19px !important;
	width: 20px !important;
	vertical-align: middle;
	transition: fill .3s ease;
}

.c24j-button .btn-orange:hover .elementor-button-icon svg {
	fill: var(--e-global-color-accent) !important;
}

/* orange */
.c24j-button .btn-orange {
	background-color: var(--e-global-color-accent) !important;
	color: white !important;
	transition: background-color .3s ease, color .3s ease;
}

.c24j-button .btn-orange:hover {
	background-color: transparent !important;
	color: var(--e-global-color-accent) !important;
}

/* filet orange (orange border + no bg) */
.c24j-button .btn-filet-orange {
	/*border-radius: 50px;
    padding: 12px 24px;*/
	background-color: transparent !important;
	color: var(--e-global-color-accent) !important;
	transition: background-color .3s ease, color .3s ease;
}

.c24j-button .btn-filet-orange:hover {
	background-color: var(--e-global-color-accent) !important;
	color: white !important;
}

/* simple link */
.c24j-button .btn-link-orange {
	background-color: transparent !important;
	border-width: 0 !important;
	color: var(--e-global-color-accent) !important;
	padding: 5px 10px;
	transition: transform .3s ease;
}

.c24j-button .btn-link-orange:hover {
	background-color: transparent !important;
	color: var(--e-global-color-accent) !important;
	transform: translateX(5px) !important;
}

/* beige */
.c24j-button .btn-beige {
	background-color: var(--e-global-color-1fa2559) !important;
	border: 0px !important;
	color: var(--e-global-color-accent) !important;
	transition: background-color .3s ease, color .3s ease;
}

.c24j-button .btn-beige:hover {
	background-color: var(--e-global-color-accent) !important;
	color: white !important;
}