/* =========================================================
   LEVIS – PLATINUM ELEMENTOR BUTTON
   Add class in Elementor:
   levis-platinum-button
========================================================= */


/* BUTTON */

.levis-platinum-button .elementor-button {

	color: #ffffff !important;

	background:
		linear-gradient(
			180deg,
			#999ea3 0%,
			#777d83 47%,
			#555c63 50%,
			#747a80 100%
		) !important;

	border: 1px solid #565c62 !important;

	border-radius: 10px !important;

	text-shadow:
		0 1px 1px rgba(0,0,0,.55) !important;

	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.55),
		inset 0 -1px 0 rgba(0,0,0,.20),
		0 8px 16px rgba(0,0,0,.18) !important;

	transition:
		transform .18s ease,
		box-shadow .18s ease,
		background .18s ease !important;
}


/* TEXT + ICON */

.levis-platinum-button .elementor-button,
.levis-platinum-button .elementor-button-text,
.levis-platinum-button .elementor-button-icon,
.levis-platinum-button .elementor-button-icon svg {

	color: #ffffff !important;

	fill: currentColor !important;
}


/* HOVER */

.levis-platinum-button .elementor-button:hover {

	color: #ffffff !important;

	background:
		linear-gradient(
			180deg,
			#aeb2b6 0%,
			#858b90 47%,
			#60676d 50%,
			#81878c 100%
		) !important;

	transform: translateY(-2px) !important;

	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.65),
		inset 0 -1px 0 rgba(0,0,0,.22),
		0 11px 21px rgba(0,0,0,.22) !important;
}


/* HOVER TEXT + ICON */

.levis-platinum-button .elementor-button:hover,
.levis-platinum-button .elementor-button:hover .elementor-button-text,
.levis-platinum-button .elementor-button:hover .elementor-button-icon,
.levis-platinum-button .elementor-button:hover .elementor-button-icon svg {

	color: #ffffff !important;

	fill: currentColor !important;
}


/* CLICK */

.levis-platinum-button .elementor-button:active {

	transform: translateY(0) !important;

	background:
		linear-gradient(
			180deg,
			#868c92 0%,
			#666d73 47%,
			#4d545a 50%,
			#696f75 100%
		) !important;

	box-shadow:
		inset 0 2px 5px rgba(0,0,0,.22),
		inset 0 1px 0 rgba(255,255,255,.30),
		0 4px 9px rgba(0,0,0,.16) !important;
}


/* KEYBOARD FOCUS */

.levis-platinum-button .elementor-button:focus {

	color: #ffffff !important;

	outline: none !important;

	box-shadow:
		0 0 0 3px rgba(255,255,255,.22),
		inset 0 1px 0 rgba(255,255,255,.55),
		inset 0 -1px 0 rgba(0,0,0,.20),
		0 8px 16px rgba(0,0,0,.18) !important;
}