index. html

<section class="planos">
    
    <h1>Planos mensais para seu pet</h1>
    
    <div class="cards">
    <div class="card">
        <img class="imagem" src="https://imgur.com/gJWCdqW.png">
        <h2 class="titulo">Cheirosinho</h2>
        <p class="descricao">Banho, tosa e corte de unhas 2x ao mês! O pacote econômico essencial para o bem-estar do seu pet! Não inclui coleta.</p>
        <h2 class="preco">R$ 80</h2>
        <button class="botao">Assinar plano</button>
    </div>
    
    <div class="card">
        <img class="imagem" src="https://imgur.com/ufY70nK.png">
        <h2 class="titulo">Amigo fiel</h2>
        <p class="descricao">Mais conforto para seu amigo! Banho, tosa, corte de unhas 2x ao mês, 1 consulta veterinária e busca em domicílio!</p>
        <h2 class="preco">R$ 120</h2>
        <button class="botao">Assinar plano</button>
    </div>
    
    <div class="card">
        <img class="imagem" src="https://imgur.com/uExOGV7.png">
        <h2 class="titulo">Pata de ouro</h2>
        <p class="descricao">Seu amigo merece o mundo! Banho, tosa e unhas 3x ao mês, 1 consulta veterinária, busca em domicílio e adestramento!</p>
        <h2 class="preco">R$ 250</h2>
        <button class="botao">Assinar plano</button>
    </div>
        </div>
    
</section>

Style.Css

.planos{
    background-color:#EE6451;
    border-radius:32px;
    padding:40px;
}

h1{
    font-family:"Sigmar";
    font-weight:400;
    color:#FFF5EB;
    text-align:center;
}

.card{
    background-color:#FFFFFF;
    width:250px;
    border-radius:16px;
    padding:16px;
}

.imagem{
    width:100px;
}

.titulo{
    font-family:"Sigmar";
    font-weight:400;
    color:#444444;
}

.descricao{
    font-family:"Poppins";
    font-size:16px;
    color:#444444;
    text-align:center;
}

.preco{
    font-family:"Sigmar";
    font-weight:400;
    font-size:40px;
    color:#EE6451;
}

.botao{
    background-color:#EE6451;
    padding:8px 24px;
    border-radius:32px;
    border:none;
    font-family:"Poppins";
    color:#FFFFFF;
}