@media (max-width: 860px) {
    .welcome-hero {
        min-height: calc(100vh - 140px);
        box-shadow: 0 24px 46px rgba(29, 78, 216, 0.16);
    }

    .welcome-hero__body {
        padding: 28px 24px;
        justify-content: flex-end;
    }

    .welcome-actions {
        margin-top: 24px;
    }
}

@media (max-width: 720px) {
    .welcome-hero {
        min-height: calc(100vh - 112px);
    }

    .welcome-hero__body {
        padding: 28px 24px;
    }

    .welcome-title {
        line-height: 1.1;
        font-size: 2.2rem;
    }

    .welcome-text {
        max-width: none;
        line-height: 1.6;
    }

    .welcome-actions .button {
        min-height: 46px;
    }
}

@media (max-width: 560px) {
    .welcome-hero {
        min-height: calc(100vh - 92px);
    }

    .welcome-hero__body {
        padding: 24px 16px;
    }

    .welcome-title {
        font-size: 1.95rem;
    }

    .welcome-actions {
        margin-top: 20px;
    }

    .welcome-actions .button {
        width: 100%;
    }
}