.whatsapp {padding: 20px;text-align: center;place-items: center;place-content: center; text-transform: uppercase; transition: .1s; position: relative; z-index: 1;}
.whatsapp .icone{margin: 0 11px 0 0; width: 18px; height: 18px; display: grid; place-content: center; }
.whatsapp .texto{font-size: 11px; line-height: 12px; font-family: var(--font1); font-weight: 600;font-style: normal; color: var(--branco-seg);letter-spacing: 1.1px;}
.whatsapp .dot {height: 100%; width: 100%;; background-color: var(--verde-pri); position: absolute; transition: all ease-in 0.07s;left: 0;z-index: -1;}

.whatsapp:hover .dot{background-color: #75c13ce3;}