/**
 * Auzber custom styles.
 * Add your custom Elementor/website CSS here.
 */

:root {
	--auzber-navy: #19206b;
	--auzber-white: #ffffff;
	--auzber-glass-bg: rgba(255, 255, 255, 0.08);
	--auzber-glass-border: rgba(255, 255, 255, 0.12);
}

/* Soft glass button utility class.
 * Add class "auzber-glass-btn" to any Elementor button/container.
 */
.auzber-glass-btn,
.auzber-glass-btn a,
.auzber-glass-btn .elementor-button {
	background: var(--auzber-glass-bg);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	border: 1px solid var(--auzber-glass-border);
	border-radius: 0;
	color: var(--auzber-white);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
	transition: all 0.3s ease;
}

.auzber-glass-btn:hover,
.auzber-glass-btn:hover a,
.auzber-glass-btn .elementor-button:hover {
	background: rgba(255, 255, 255, 0.12);
	transform: translateY(-1px);
}