.catalog-phone-contact {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.catalog-phone-contact--standalone {
    margin-top: 1rem;
}

.catalog-phone-actions {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.catalog-phone-action {
    display: inline-flex;
    min-height: 2.6rem;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0.62rem 0.85rem;
    border-radius: 0.7rem;
    background: #edf3f8;
    color: #35506e;
    font-size: 15.2px;
    font-size: max(0.95rem, 15.2px);
    font-weight: 800;
    line-height: 1.25;
    text-decoration: none;
    transition: background-color 0.18s ease, color 0.18s ease, filter 0.18s ease;
}

.catalog-phone-action:visited {
    color: #35506e;
}

.catalog-phone-action:hover {
    color: #35506e;
    filter: brightness(0.96);
}

.catalog-phone-action:focus-visible {
    outline: 3px solid rgba(22, 112, 204, 0.4);
    outline-offset: 2px;
}

body.dark .catalog-phone-action,
body.dark .catalog-phone-action:visited {
    background: #303b48;
    color: #f1f6fd;
}

body.dark .catalog-phone-action:hover,
body.dark .catalog-phone-action:focus-visible {
    background: #3a4654;
    color: #fff;
    filter: none;
}

body.dark .catalog-phone-action:focus-visible {
    outline-color: #8bc3ff;
}

@media (max-width: 600px) {
    .catalog-phone-contact {
        align-items: flex-start;
    }
}