.whats-button {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.2s ease;
}

.whats-button .img {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--zap);
    width: 45px;
    height: 45px;
    border-radius: 8px;
    position: relative;
    z-index: 1;
    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.2s ease;
}

.whats-button .img img {
    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.whats-button > p {
    background: var(--zap-escuro);
    border: 1px solid var(--zap);
    padding: 10px 10px 10px 25px;
    margin-left: -15px;
    z-index: 0;
    font: 500 14px / 1 montserrat;
    color: var(--branco);
    border-radius: 8px;
    transition: padding-right 0.2s ease, background 0.2s ease, letter-spacing 0.2s ease;
}