.whatsapp{width:56px;height:56px;padding:0;gap:0;overflow:hidden;border-radius:999px;transition:width .28s ease,background-color .22s,border-color .22s,box-shadow .22s;justify-content:center;white-space:nowrap}
.whatsapp svg{width:26px;height:26px;flex:0 0 26px}
.whatsapp span{display:block;max-width:0;opacity:0;overflow:hidden;font:600 14px/1 Barlow,Arial,sans-serif;transition:max-width .28s ease,opacity .18s ease}
.whatsapp:hover,.whatsapp:focus-visible{width:170px;gap:10px;padding:0 18px;background:var(--ruby);border-color:var(--ruby);color:#fff;box-shadow:0 5px 18px #9d205333}
.whatsapp:hover span,.whatsapp:focus-visible span{max-width:100px;opacity:1}
@media(max-width:680px){.whatsapp{width:52px;height:52px}.whatsapp:hover,.whatsapp:focus-visible{width:170px}}
@media(prefers-reduced-motion:reduce){.whatsapp,.whatsapp span{transition:none}}