/*-----------------
    Thanks page
-----------------*/
.thanks_page
{
    display: flex;
    align-content: center;
    align-items: center;
    flex: 1 0 auto;
    flex-wrap: wrap;
    justify-content: center;

    padding-block: var(--outside_gap_l);

    text-align: center;


    .cont
    {
        display: flex;
        align-content: center;
        align-items: center;
        flex-direction: column;
        gap: var(--inner_gap_s);
    }


    .check_icon
    {
        display: flex;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;

        width: 70px;
        margin-bottom: var(--inner_gap_xxs);

        border: 10px solid rgba(0, 127, 255, .05);
        background: var(--gradient_primary);
        background-clip: content-box;

        aspect-ratio: 1 / 1;


        img
        {
            display: block;

            max-width: 100%;
            max-height: 100%;
        }
    }


    .title
    {
        font-size: var(--font_size_title);
        font-weight: 400;
        line-height: 130%;
    }


    .desc
    {
        width: 375px;
        max-width: 100%;
    }


    .socials
    {
        width: 100%;
        margin-top: var(--inner_gap_l);
    }


    .links
    {
        display: flex;
        align-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: center;
        gap: var(--inner_gap);

        margin-top: var(--inner_gap_l);


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

            min-width: 220px;
            height: 60px;
            padding-inline: var(--block_padding);

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

            transition: transform .2s linear;
            text-decoration: none;

            color: var(--light_color);
            background: var(--gradient_primary);

            clip-path: var(--clip_path_double_corners_small);


            .icon
            {
                display: block;

                width: 5px;

                transform: translateY(2px);

                aspect-ratio: 1 / 1.5;
            }


            @media (hover: hover) and (pointer: fine)
            {
                &:hover
                {
                    transform: scale(1.1);
                }
            }
        }
    }
}



@media print,
(max-width: 1439px)
{
    .thanks_page
    {
        padding-block: var(--outside_gap_s) var(--outside_gap_l);
    }
}



@media (max-width: 767px)
{
    .thanks_page
    {
        padding-block: var(--outside_gap_s);
    }
}