/**
 * Contact CTA — the dark company-details card used on the homepage, and reused
 * as-is on the category and recepty pages.
 *
 * @package Geras_Custom
 */

.contact-cta__card {
	position: relative;
	overflow: hidden;
	padding: var( --space-44 ) var( --space-42 );
	border-radius: var( --radius-28 );
	background: var( --c-cocoa-700 );
	color: var( --surface-sand );
	box-shadow: var( --shadow-float );
}

.contact-cta__glow {
	position: absolute;
	top: calc( -1 * var( --space-70 ) );
	right: calc( -1 * var( --space-70 ) );
	width: var( --space-220 );
	height: var( --space-220 );
	border-radius: var( --radius-circle );
	background: radial-gradient( circle, var( --c-honey3-a35 ), transparent 70% );
}

.contact-cta__company {
	position: relative;
	margin-bottom: var( --space-26 );
	font-size: var( --fs-26 );
	color: var( --surface-page );
}

.contact-cta__row {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: var( --space-16 );
	padding: var( --space-14 ) 0;
}

.contact-cta__row + .contact-cta__row {
	border-top: 1px solid var( --c-sand-a14 );
}

.contact-cta__row:first-of-type {
	padding-top: 0;
}

.contact-cta__icon {
	flex: none;
	margin-top: var( --space-3 );
	width: var( --space-19 );
	height: var( --space-19 );
	color: var( --c-honey-300 );
}

.contact-cta__label {
	display: block;
	margin-bottom: var( --space-2 );
	font-size: var( --fs-12 );
	font-weight: var( --fw-black );
	letter-spacing: var( --ls-wide );
	text-transform: uppercase;
	color: var( --c-sand-a55 );
}

.contact-cta__link {
	font-weight: var( --fw-bold );
	color: var( --surface-page );
	transition: color var( --transition-fast );
}

a.contact-cta__link:hover {
	color: var( --c-honey-300 );
}

.contact-cta__button {
	position: relative;
	margin-top: var( --space-28 );
}