/* Boutons */
a {
	color: var(--gold);
	text-decoration: none;
	transition: color .2s ease, opacity .2s ease;
}

a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

::selection {
	background: rgba(45, 166, 255, .55);
	color: var(--text);
}

.sbtn,
.contact-form .sbtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 18px;
	border-radius: 999px;
	border: 1px solid rgba(174, 224, 255, .48);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(42, 151, 222, .30)),
		rgba(4, 27, 62, .70);
	color: var(--text);
	font-weight: 700;
	cursor: pointer;
	text-decoration: none;
	transition:
		transform .12s ease,
		background .25s ease,
		border-color .25s ease,
		box-shadow .25s ease;
	position: relative;
	overflow: hidden;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.20),
		0 8px 22px rgba(0, 8, 28, .30);
}

.sbtn::before,
.contact-form .sbtn::before {
	content: "";
	position: absolute;
	inset: 1px;
	border-radius: inherit;
	background: linear-gradient(90deg, rgba(255,255,255,.22), transparent 42%, rgba(143,232,255,.14));
	opacity: .72;
	pointer-events: none;
}

.sbtn:hover,
.contact-form .sbtn:hover {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, .34), rgba(77, 198, 255, .40)),
		rgba(7, 50, 105, .88);
	border-color: rgba(255, 255, 255, .68);
	transform: translateY(-2px);
	box-shadow:
		0 0 24px rgba(143, 232, 255, .30),
		0 0 30px rgba(45, 166, 255, .30),
		0 12px 30px rgba(0, 8, 28, .36);
}

.sbtn:active,
.contact-form .sbtn:active {
	transform: translateY(0);
}