CSS

.buttons{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border: 2px solid #0B92B0;
    width: 380px;
    text-align: center;
    border-radius: 8px;
    font-size: 24px;
    padding: 21.5px 0;
    text-decoration: none;
    color: #F6F6F6;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.buttons:hover{
    background-color: #272727;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #F6F6F6;
    transition-delay: 0.2s;
    transition: 0.5s;
}
####

1 resposta

por Beatriz Moura

| 770.5k xp | 1156 posts

Alura Scuba Team Instrutora e Desenvolvedora de Software I

24/02/2023

Olá Roger, tudo bem?

Excelente! Parabéns pela dedicação e continue praticando.

Obrigada por compartilhar sua solução, tenho certeza que ajudará outros estudantes.

Em caso de dúvidas ou dificuldades, estamos por aqui!

Abraços e bons estudos!