/*------------------
    Action block
------------------*/
.action_block
{
    .data
    {
        position: relative;

        display: flex;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;

        padding-block: var(--block_padding_l);
        padding-inline: var(--block_padding) var(--block_padding_l);


        & > *
        {
            position: relative;
            z-index: 3;
        }


        &:before
        {
            position: absolute;
            z-index: 1;
            inset: 0;

            display: block;

            content: '';
            pointer-events: none;

            background: var(--primary_color);

            clip-path: var(--clip_path_double_corners);
        }

        .title
        {
            width: 684px;
            max-width: 100%;

            font-size: 30px;
            font-weight: 600;
            line-height: 140%;

            color: var(--light_color);
        }


        .btn
        {
            display: flex;
            align-content: center;
            align-items: center;
            flex-wrap: wrap;
            justify-content: center;
            gap: var(--inner_gap_xxs);

            min-width: 180px;
            height: 60px;
            padding-inline: var(--block_padding_s);

            font-size: var(--font_size_xs);
            font-weight: 600;

            background: var(--light_color);


            .icon
            {
                display: block;

                width: 5px;

                transform: translateY(1px);

                color: var(--primary_color);

                aspect-ratio: 1 / 1.5;
            }
        }


        .image
        {
            position: absolute;
            right: 235px;
            bottom: 0;

            width: 353px;
            max-width: 100%;

            pointer-events: none;


            img
            {
                display: block;

                width: 100%;
            }
        }
    }
}



@media print,
(max-width: 1439px)
{
    .action_block
    {
        .data
        {
            .title
            {
                width: 640px;

                font-size: 28px;
            }
        }
    }
}



@media print,
(max-width: 1279px)
{
    .action_block
    {
        .data
        {
            padding-block: var(--block_padding_s);
            padding-inline: var(--block_padding);


            .title
            {
                width: 380px;

                font-size: 22px;
            }


            .image
            {
                right: 248px;

                width: 308px;
            }
        }
    }
}



@media print,
(max-width: 1023px)
{
    .action_block
    {
        .data
        {
            flex-direction: column;
            justify-content: flex-start;
            gap: var(--block_padding_s);

            padding-block: var(--block_padding) calc(160px + var(--block_padding));


            .title
            {
                width: 100%;

                font-size: 23px;

                text-align: center;
            }


            .image
            {
                right: 0;
                left: 0;

                width: 280px;
                margin-inline: auto;
            }
        }
    }
}



@media (max-width: 767px)
{
    .action_block
    {
        .data
        {
            padding-inline: var(--block_padding_s);


            .title
            {
                br
                {
                    display: none;
                }
            }


            .btn
            {
                width: 100%;
            }
        }
    }
}