/* Gombok */
.button-with-arrow .elementor-button,
.button-with-arrow-cyan .elementor-button {
	height: 60px;
	background: url("../images/button-arrow-cyan-default.svg");
	background-position: right 10px center;
	background-repeat: no-repeat;
}

.button-with-arrow-cyan .elementor-button:hover {
	background: url("../images/button-arrow-cyan-hover.svg");
	background-position: right 10px center;
	background-repeat: no-repeat;
}

.button-with-arrow-yellow .elementor-button {
	height: 60px;
	background: url("../images/button-arrow-yellow-default.svg");
	background-position: right 10px center;
	background-repeat: no-repeat;
}

.white-bg a {
	background-color: #fff !important;;
	border-color:#fff!important;
}

/* A fehér körvonalas gomb alapállapota nem területfüggő. */
.button-outline-white .elementor-button {
	border-color: #fff !important;
	color: #fff !important;
}

.jelentkezes.button-with-arrow {
	display:none;
}

.single-kepzes .jelentkezes.button-with-arrow {
	display:flex;
	justify-content: end;
}

.single-kepzes .more-information{
	display: none !important;
}



/*
 * Fehér körvonalas, nyilas gomb.
 * Hoverben az aktuális terület színét és nyílikonját használja.
 */
.button-outline-arrow .elementor-button {
	min-height: 60px;
	padding-right: 60px;

	border: 2px solid #fff !important;
	border-radius: 999px;

	background-color: transparent !important;
	background-image: url("../images/button-arrow-white-default.svg") !important;
	background-position: right 10px center !important;
	background-repeat: no-repeat !important;

	color: #fff !important;

	transition:
		background-color 0.25s ease,
		border-color 0.25s ease,
		color 0.25s ease,
		transform 0.25s ease;
}

.button-outline-arrow .elementor-button:is(:hover, :focus-visible) {
	border-color: #fff !important;
	background-color: #fff !important;
	background-image: var(
		--lumen-area-button-arrow,
		url("../images/button-arrow-cyan-default.svg")
	) !important;
	color: var(--lumen-area-color, #37B0A6) !important;
}

.button-outline-arrow .elementor-button:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}

/*
 * Kitöltött, területszínű elsődleges gomb. A változók hiányában
 * a Lumen cián színeire esik vissza.
 */
.button-with-arrow.primary .elementor-button {
	min-height: 60px;
	padding-right: 60px;
	border-color: var(--lumen-area-color, #37B0A6) !important;
	background-color: var(--lumen-area-color, #37B0A6) !important;
	background-image: url("../images/button-arrow-white-default.svg") !important;
	background-position: right 10px center !important;
	background-repeat: no-repeat !important;
	color: #fff !important;
	box-shadow: none;
	transition:
		box-shadow 0.25s ease,
		transform 0.25s ease;
}

.button-with-arrow.primary .elementor-button:is(:hover, :focus-visible) {
	border-color: var(--lumen-area-color, #37B0A6) !important;
	background-color: var(--lumen-area-color, #37B0A6) !important;
	background-image: url("../images/button-arrow-white-default.svg") !important;
	color: #fff !important;
	box-shadow: 0 12px 30px var(
		--lumen-area-shadow-color,
		rgba(55, 176, 166, 0.38)
	) !important;
	transform: translateY(-2px);
}

/* A nyíl nélküli körvonalas gomb területszínű hover állapota. */
.button-outline .elementor-button:is(:hover, :focus-visible) {
	border-color: var(--lumen-area-color, #37B0A6) !important;
	background-color: var(--lumen-area-color, #37B0A6) !important;
	background-image: none !important;
	color: #fff !important;
}

/*
 * Területszínű körvonalas gomb. Területi változó hiányában a Lumen
 * türkiz színét használja.
 */
.button-outline-area .elementor-button {
	border-color: var(--lumen-area-color, #37B0A6) !important;
	background-color: transparent !important;
	color: var(--lumen-area-color, #37B0A6) !important;
	transition:
		background-color 0.25s ease,
		border-color 0.25s ease,
		color 0.25s ease;
}

.button-outline-area .elementor-button:is(:hover, :focus-visible) {
	border-color: var(--lumen-area-color, #37B0A6) !important;
	background-color: var(--lumen-area-color, #37B0A6) !important;
	color: #fff !important;
}

@media (max-width: 767px) {
	.elementor-button .elementor-button-content-wrapper {
		justify-content: center !important;
	}
}

/* Badge-ek */

.terulet-program-badge {
	display: flex;
	padding: 5px 10px;
	justify-content: center;
	align-items: center;
	border-radius: 16px;
	background: #fff;
	font-size: 14px !important;
	font-style: normal;
	font-weight: 500 !important;
	letter-spacing: 1.4px !important;
	text-transform: uppercase;
	max-height: 27px;
}

@media (max-width: 1023px) {
	.terulet-program-badge {
		padding: 3px 10px 2px 10px;
        font-size: 13px !important;
		letter-spacing: normal !important;
		max-height: 21px;
	}
}

.elementor-button-text {
	 white-space: nowrap;
}