.use-cpf {
    margin-block: 24px;
    border-radius: 16px;
    border: 1px solid #E2E2E2;
    padding: 24px;
    
    @media (width > 768px) {
        padding: 32px;
        margin-block: 48px;
    }

    .cols {
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        @media (width > 768px) {
            flex-direction: row;
        }

        .text {
            flex: 1;
            max-width: 750px;

            p {

                strong {
                    color: #0070b8;
                }
            }

            div {
                margin-bottom: 8px;

                @media (width > 768px) {
                    margin-bottom: 16px;
                }
            }
        }

        .photo {
            width: 165px;
            text-align: center;
            
            @media (width <= 768px) {
                margin: 0 auto;
            }
        }
    }

    h2 {
        color: #0D1A22;
        line-height: 120%;

        span {
            color: #FDFEFF;
            background: #0070b8;
            border-radius: 8px;
            padding: 2px 4px;
            
            @media (width > 768px) {
                padding: 4px 8px;

            }
        }
    }

    .button {

        @media (width <=768px) {
            margin-bottom: 0;
        }

        a {
            width: max-content;

            &:focus {
                padding: 14px 24px;
            }
        }
    }

    .not-mobile {
        display: none;

        @media (width > 768px) {
            display: block;
        }
    }
    .not-desktop {
        text-align: center;

        @media (width > 768px) {
            display: none;
        }
    }
}