BEM

CSS code snippets are shown below. Your task is to figure out which one follows the BEM naming convention.

A)

<style>
    .card { ... }
    .card__title { ... }
    .card__info { ... }
    .card__button--green { ... }
    .card__button--red { ... }
</style>

B)

<style>
    .card { ... }
    .card_title { ... }
    .card_info { ... }
    .card_button--green { ... }
    .card_button--red { ... }
</style>

C)

<style>
    .card { ... }
    .card--title { ... }
    .card--info { ... }
    .card--button-green { ... }
    .card--button-red { ... }
</style>

D)

<style>
    .card { ... }
    .card__title { ... }
    .card__info { ... }
    .card--button__green { ... }
    .card--button__red { ... }
</style>