// ============================================================================
// :: Gezochte batterijen cta
// ============================================================================
// .o-gezochte-batt-cta {}

// ============================================================================
// :: Elements
// ============================================================================
.o-gezochte-batt-cta__visual {
	position: relative;

	width: 100%;

	&::before {
		content: "";

		position: absolute;
		left: 0;
		bottom: 0;

		display: block;

		width: 100%;
		height: 0.5rem;

		background: $gradient-primary;
	}
}

.o-gezochte-batt-cta__image {
	width: 100%;
}

.o-gezochte-batt-cta__content {
	padding: 3rem;

	@include respond-at($screen-small-base) {
		padding: 4rem 5rem;
	}

	@include respond-at($screen-medium-base) {
		padding: 4rem 8rem;
	}

	&.m-section.m-content {
		background-color: transparent;
	}
}

.o-gezochte-batt-cta__actions {
	display: flex;
	align-items: center;
	margin-top: 4rem;

	.a-button,
	.a-link {
		margin-top: 0;
	}
}

.o-gezochte-batt-cta__actions-item {
	margin-left: 2rem;

	&:first-child {
		margin-left: 0;
	}
}

.o-gezochte-batt-cta__logo {
	margin-left: auto;
}

// Targeting the img tag directly is needed because all images inside an
// .m-section__content are added with a margin-top of 2rem, due to this line
// .m-section__content img
.o-gezochte-batt-cta__logo-image,
img.o-gezochte-batt-cta__logo-image {
	margin-top: 0;
}