.contact-form__button, .steps-panel__button, .production-section__button, .additional-banner__button, .videos-section__button, .advantages-slider__button, .project-banner__button, .mortgage-banner__button, .hero-button, .catalog-button {
    display: inline-flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 14px 18px 14px 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    border-radius: 120px;
}

.contact-form__button img, .steps-panel__button img, .production-section__button img, .additional-banner__button img, .videos-section__button img, .advantages-slider__button img, .project-banner__button img, .hero-button img, .hero-slider .owl-item .hero-button img {
    display: block;
    width: 16px;
    height: 16px;
}

.steps-section__title h2, .steps-section__title .h2, .production-section__heading h2, .production-section__heading .h2, .videos-section__title h2, .videos-section__title .h2, .best-projects__title h2, .best-projects__title .h2, .catalog-section__title h2, .catalog-section__title .h2 {
    margin: 0;
    font-family: "Patefon", "Geologica", system-ui, -apple-system, "Segoe UI", sans-serif;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.1;
    color: #1f1f1f;
}

.contact-form-banner__image, .production-card__image, .production-video__image, .production-video__shadow, .additional-banner__image, .video-card__image, .video-card__shadow, .advantages-slider__image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.catalog-card,
.video-card,
.production-card,
.production-video, .social-link,
.projects-social__icons a:not(.projects-social__video),
.projects-social__contact-icons a,
.site-footer__socials, .header-nav__link,
.site-footer__menu a,
.site-footer__all-link,
.site-footer__legal a,
.projects-social__categories a,
.projects-social__phone,
.site-footer__developer,
.site-footer__info a, .catalog-button,
.hero-button,
.mortgage-banner__button,
.project-banner__button,
.projects-social__video,
.advantages-slider__button,
.videos-section__button,
.additional-banner__button,
.production-section__button,
.steps-panel__button,
.contact-form__button,
.phone-button,
.site-footer__phone {
    transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, transform 0.25s ease, filter 0.25s ease;
}

.catalog-button:hover,
.catalog-button:focus-visible,
.hero-button:hover,
.hero-button:focus-visible,
.mortgage-banner__button:hover,
.mortgage-banner__button:focus-visible,
.advantages-slider__button:hover,
.advantages-slider__button:focus-visible,
.videos-section__button:hover,
.videos-section__button:focus-visible,
.additional-banner__button:hover,
.additional-banner__button:focus-visible,
.production-section__button:hover,
.production-section__button:focus-visible,
.steps-panel__button:hover,
.steps-panel__button:focus-visible {
    transform: translateY(-2px);
    color: #ffffff;
    background-color: rgb(183.0908296943, 167.496069869, 128.5091703057);
    box-shadow: 0 10px 22px rgba(31, 31, 31, 0.16);
}

.catalog-card:hover,
.catalog-card:focus-visible,
.video-card:hover,
.video-card:focus-visible,
.production-card:hover,
.production-card:focus-visible,
.production-video:hover,
.production-video:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(31, 31, 31, 0.18);
}

.video-card__image,
.production-card__image,
.production-video::before {
    transition: transform 0.35s ease, filter 0.35s ease;
}

.video-card:hover .video-card__image,
.video-card:focus-visible .video-card__image,
.production-card:hover .production-card__image,
.production-card:focus-visible .production-card__image {
    transform: scale(1.025);
    filter: brightness(1.03);
}

.catalog-card__title img,
.hero-button img,
.project-banner__button img,
.advantages-slider__button img,
.videos-section__button img,
.additional-banner__button img,
.production-section__button img,
.steps-panel__button img,
.contact-form__button img {
    transition: transform 0.25s ease;
}

.catalog-card:hover .catalog-card__title img,
.catalog-card:focus-visible .catalog-card__title img,
.hero-button:hover img,
.hero-button:focus-visible img,
.project-banner__button:hover img,
.project-banner__button:focus-visible img,
.advantages-slider__button:hover img,
.advantages-slider__button:focus-visible img,
.videos-section__button:hover img,
.videos-section__button:focus-visible img,
.additional-banner__button:hover img,
.additional-banner__button:focus-visible img,
.production-section__button:hover img,
.production-section__button:focus-visible img,
.steps-panel__button:hover img,
.steps-panel__button:focus-visible img,
.contact-form__button:hover img,
.contact-form__button:focus-visible img {
    transform: translate(2px, -2px);
}