#modal-lead {
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, .7);

    &.active {display: flex;}

    .content {
        .title-heading, .form {
            padding: 1rem;
        }

        .title-heading {
            background: linear-gradient(45deg, var(--tertiary), var(--primary));
            border-radius: 16px 16px 0 0;

            .h2 {
                font-size: 16px;
                font-weight: 500;
                color: var(--white);
            }
        }

        .form {
            background-color: var(--white);
            border-radius: 0 0 16px 16px;
        }
    }

    .close-modal {
        position: fixed;
        top: 1rem;
        right: 1rem;
        cursor: pointer;
        padding: 2px;
        border-radius: 50%;
        background-color: rgba(0, 0, 0, .4);

        svg {
            display: flex;
            width: 32px;
            height: 32px;
            fill: var(--white);
        }
    }
}

@media (max-width: 600px) {
    #modal-lead .content {
        padding: 1rem;
        max-width: 100%;
    }    
}