%title {
	padding: 1rem;
}

%button, %inverted-button {
	box-shadow: none;
	font-weight: 700;

	&:hover {
		box-shadow: $box-shadow-smooth;
	}
}


%cci-link {
	box-shadow: inset 0 -0.43em 0 rgba($blue-2,0.20);
	transition: 0.25s all $transition-mode;

	color: $gray-5;

	&:hover {
		box-shadow: inset 0 -1.2em 0 rgba($blue-2,0.25);
		text-decoration: none;
	}
}

%cci-card {
	&:hover {
		box-shadow: 0 0 2rem rgba(0,0,0,0.15);
	}
}

.form-content--body,
.cell {
	h1 {
		background: $blue-gradient-3;
		background-clip: text;
		-webkit-background-clip: text;

		color: transparent;
		font-weight: 800;
		text-shadow: rgba($blue-0, 0.18) -2px 2px 0px;
	}
}

div#footer {
	a {
		color: white;
		&:hover {
			text-decoration: none;
		}
	}

	%button {
		background: transparent;
		border: 1px solid white;
	}
}
