.btn-whats {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font: 400 12.55px montserrat; color: var(--branco); width: fit-content;}

.btn-whats .icone {border-radius: 8px; padding: 12px; display: grid; place-content: center; place-items: center; width: 47px; height: 47px; background-color: var(--verde-qua); margin-right: -47px; position: relative;}
.btn-whats .icone svg {width: 100%; height: 100%;}

.btn-whats p {padding: 13px 19px 12px 66px; background: var(--verde-qua); border-radius: 10px; background: #379A31; background: linear-gradient(90deg, rgba(55, 154, 49, 1) 8%, rgba(103, 189, 75, 1) 36%, rgba(98, 185, 72, 1) 64%, rgba(55, 154, 49, 1) 100%); transition: 0.4s;}
.btn-whats:hover p {box-shadow: 0 0 6px 5px #7bcd56;}


@media (max-width:460px){
     .btn-whats {width: 100%}
     .btn-whats p {width: 100%; text-align: center; padding: 13px 19px 12px 56px;}
}