/**
 * ==================================================
 * ACE Card
 * ==================================================
 *
 * Card component.
 *
 * @package ACE_Assessment_Engine
 */

.ace-card{

	background:var(--ace-surface);

	border:1px solid var(--ace-border);

	border-radius:24px;

	box-shadow:var(--ace-shadow);

	max-width:var(--ace-max-width);

	width:100%;

	margin:32px auto;

	padding:32px;

	box-sizing:border-box;

	transition:var(--ace-transition);

}

.ace-card:hover{

	transform:translateY(-4px);

}