/*
    <a class="a-Wa-S1" href="https://api.whatsapp.com/send/?phone=56933211612" target="_blank">
        <i class="Wa-S1 bi bi-whatsapp"></i>
    </a>
*/

.a-Wa-S1 {
position: fixed;
right: 1.25rem;
bottom: 1.25rem;
width: 3.25rem;
height: 3.25rem;
display: grid;
place-items: center;
border-radius: 50%;
background-color: var(--wa0);
color: var(--wa1);
box-shadow: 0 8px 20px var(--wa2);
z-index: 1000;
transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background-color 0.25s ease;
}

.a-Wa-S1:hover {
transform: translateY(-4px) scale(1.05);
box-shadow: 0 12px 32px var(--wa3);
background-color: var(--wa4);
}

.a-Wa-S1:focus-visible {
outline: none;
box-shadow:
    0 0 0 4px var(--wa5),
0 8px 20px var(--wa6);
}

.a-Wa-S1 > .Wa-S1 {
font-size: 1.5rem;
}

@media (min-width: 700px) {
    .a-Wa-S1 {
    width: 6.5rem;
    height: 6.5rem;
    }

    .a-Wa-S1 > .Wa-S1 {
    font-size: 3.6rem;
    }
}