@layer components{.contact-option-container .contact-option-description .block-header{--max-text-width: 52ch;max-width:var(--max-text-width)}.contact-option-container .btn-wrapper{--min-column-size: 300px;display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--min-column-size)), 1fr));gap:32px}.contact-option-container .btn-wrapper .contact-btn{display:flex;justify-content:center;gap:8px;padding-block:76px}}@layer theme{.contact-option-container{--_border-radius: var(--radius-4);--_bg-color: var(--contact-btn-bg-color, var(--brand-support-color-1));--_bg-hover-color: var(--contact-btn-bg-hover-color, var(--brand-primary-color));--_color: var(--contact-btn-color, var(--brand-black));--_icon-color: var(--contact-btn-icon-color, var(--brand-text-color));--_active-color: var(--contact-btn-active-color, var(--brand-primary-color))}.contact-option-container .contact-btn{border-radius:var(--_border-radius);background-color:var(--_bg-color);color:var(--_color);transition:color var(--transition);font-weight:500;font-size:var(--body-text-size)}.contact-option-container .contact-btn .icon{transition:color var(--transition);color:var(--_color)}.contact-option-container .contact-btn:not([disabled]):active{color:var(--_active-color)}.contact-option-container .contact-btn:not([disabled]):active .icon{color:var(--_active-color)}@media(hover: hover){.contact-option-container .contact-btn:not([disabled]):hover{color:var(--_active-color)}.contact-option-container .contact-btn:not([disabled]):hover .icon{color:var(--_active-color)}}}