@layer webmasters
{	._cofbe .c-section-contact__content {padding-block:var(--cofbe-spacing-xxl);}
	._cofbe .c-section-contact__header {display:grid;gap:var(--cofbe-spacing-xl);}
	._cofbe .c-section-contact__methods {display:grid;gap:var(--cofbe-spacing-xl);padding-block:var(--cofbe-spacing-md) var(--cofbe-spacing-lg);}
	._cofbe .c-section-contact__method {position:relative;padding:var(--cofbe-spacing-lg) var(--cofbe-spacing-md);display:grid;gap:var(--cofbe-spacing-xl);justify-items:center;box-shadow:var(--cofbe-shadow-md);border:var(--cofbe-border-thin) var(--cofbe-c-gray-200);border-radius:var(--cofbe-rounded-lg);}
	._cofbe .c-section-contact__method .c-section-contact__method__picto {font-size:var(--cofbe-font-size-5xl);color:var(--cofbe-c-red-primary);line-height:var(--cofbe-font-size-5xl);}
	._cofbe .c-section-contact__method .c-section-contact__method__description {text-align:center;}
	._cofbe .c-section-contact__method ._cofbe__button {width:100%;}
	._cofbe .c-section-contact__method ._cofbe__button.chat{display:none;}
	._cofbe .c-section-contact__notes {font-size:var(--cofbe-font-size-sm);border-top:var(--cofbe-border-thin) var(--cofbe-c-purple-200);padding-top:var(--cofbe-spacing-sm);}
	._cofbe .c-section-contact__method::after, ._cofbe .c-section-contact__method::before {content:"";position:absolute;top:0;bottom:0;left:0;height:100%;z-index:-1;transition:width var(--cofbe-transition-md), background-color var(--cofbe-transition-md), left var(--cofbe-transition-md);}
	._cofbe .c-section-contact__method::after {background-color:var(--cofbe-c-gray-50);width:0;}
	._cofbe .c-section-contact__method::before {width:120px;background-color:var(--cofbe-c-gray-50);mask-image:url("data:image/svg+xml,%3Csvg width='120' height='232' viewBox='0 0 120 232' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8C0 3.58173 3.58172 0 8 0H96.0956C96.0956 0 120 40.9561 120 116C120 191.044 96.0956 232 96.0956 232H8C3.58171 232 0 228.418 0 224V8Z'/%3E%3C/svg%3E");mask-repeat:no-repeat;mask-size:120px 100%;mask-position:left center;mask-clip:border-box;}

	@media (min-width:1024px) {
		._cofbe .c-section-contact__content {padding-block:var(--cofbe-spacing-3xl);}
		._cofbe .c-section-contact__header {justify-items:center;}
		._cofbe .c-section-contact__description {text-align:center;}
		._cofbe .c-section-contact__methods {grid-template-columns:repeat(3, 1fr);padding-block:var(--cofbe-spacing-3xl) var(--cofbe-spacing-lg);}
		._cofbe .c-section-contact__method.chat {grid-column:span 3;}
		._cofbe .c-section-contact__method.chat::after {width:13%;}
		._cofbe .c-section-contact__method.chat::before {left:13%;}
		._cofbe .c-section-contact__method ._cofbe__button {width:auto;}
		._cofbe .c-section-contact__notes {max-width:600px;}
	}

	@media (hover:hover) {
		._cofbe .c-section-contact__method:has(._cofbe__button:hover)::after {width:60%;}
		._cofbe .c-section-contact__method:has(._cofbe__button:hover)::before {left:calc(60% - 10px);}
		._cofbe .c-section-contact__method:has(._cofbe__button:hover)::after, ._cofbe .c-section-contact__method:has(._cofbe__button:hover)::before {background-color:var(--cofbe-c-yellow-100);}
	}

	@media (hover:hover) and (min-width:1440px) {
		._cofbe .c-section-contact__method:has(._cofbe__button:hover)::after {width:70%;}
		._cofbe .c-section-contact__method:has(._cofbe__button:hover)::before {left:calc(70% - 10px);}
	}
}