.contacts-page__main{padding-inline:clamp(16px,3vw,40px);width:100%;max-width:1440px;margin-inline:auto;padding-top:16px}.contacts-page__cards{gap:clamp(16px,2vw,28px);display:grid}@media (min-width:900px){.contacts-page__cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.contacts-page__card{background:linear-gradient(360deg,#d2c1f8 -120px,#fff 110px);border:1px solid #d6b0fd;border-radius:25px;flex-direction:column;align-items:flex-start;gap:8px;height:100%;padding:clamp(20px,3vw,36px);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;display:flex}@media (hover:hover){.contacts-page__card:hover{transform:translateY(-4px);box-shadow:0 24px 48px -24px #6a2fe68c}}.contacts-page__icon{color:#6a2fe6;border:1px solid #6a2fe6;border-radius:50%;place-items:center;width:clamp(44px,4vw,52px);height:clamp(44px,4vw,52px);margin-bottom:clamp(6px,1vw,14px);display:grid}.contacts-page__icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.contacts-page__label{color:#6a2fe6;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;font-size:.8125rem;display:flex}.contacts-page__badge{color:#fff;letter-spacing:.04em;background:#6a2fe6;border-radius:999px;padding:3px 10px;font-size:.75rem}.contacts-page__value{font-family:var(--font-playfair),Georgia,serif;font-size:clamp(1.25rem,1.05rem + .8vw,1.75rem);line-height:1.2}.contacts-page__action{color:#6a2fe6;align-items:center;gap:8px;padding-block:6px;font-size:clamp(1rem,.95rem + .15vw,1.0625rem);font-weight:500;display:inline-flex}.contacts-page__action:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236a2fe6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 19.5 19.5 4.5M7 4.5h12.5V17'/%3E%3C/svg%3E") 50%/contain no-repeat;flex:none;width:1.35em;height:1.35em;transition:transform .35s cubic-bezier(.22,1,.36,1)}@media (hover:hover){.contacts-page__action:hover:after,:where(a:hover) .contacts-page__action:after{transform:translate(.14em,-.14em)}}.contacts-page__action{margin-top:auto;padding-top:12px}
