/* ======= Variables ======= */
/* :root {
	--brand-green: #40ad49;
	--brand-red: #e72b2f;
	--neutral-dark: #0b0b0c;
	--neutral-altdark: #0d0f13;
	--neutral-light: #fff;
} */


/* ======= Merkcard - overlay ======= */
.c-merkcard::before{
    transition: opacity 0.5s ease;
}
.c-merkcard:hover::before{
    opacity: 0.7;
}

/* ======= Merkcard - logo ======= */
.c-merkcard__logo{
    transform: translate(50%, 50%);
    right: 48px !important;
    bottom: 32px !important;
    transition: all 0.5s ease !important;
}

.c-merkcard:hover .c-merkcard__logo{
    right: 50% !important;
    bottom: 50% !important;
    transform: translate(50%, 50%) scale(3);
}

/* ======= Merkcard - lines ======= */
.c-modelcard::before {
	content: '' !important;
	width: 100% !important;
	height: 2px !important;

	position: absolute;
	top: unset !important;
	bottom: 0 !important;
	left: 0 !important;

	background-color: var(--brand-green) !important;
	transform: scaleX(0);
	transform-origin: right;

    z-index: 10 !important;
    opacity: 1 !important;

	transition: transform 0.3s ease !important;
}

.c-modelcard:hover::before {
	transform-origin: left;
	transform: scaleX(1);
}

.c-modelcard::after {
	content: '' !important;
	width: 100% !important;
	height: 2px !important;

	position: absolute;
	top: 0 !important;
	left: 0 !important;

	background-color: var(--brand-red) !important;
	transform: scaleX(0);
	transform-origin: left;

	transition: transform 0.3s ease !important;
}

.c-modelcard:hover::after {
	transform-origin: right;
	transform: scaleX(1);
}