.btn-call{
    position: fixed;
    bottom: 30px;
    left: 30px;
    width: 80px;
    height: 80px;
    border: 3px solid var(--secondary-color-dark);
    border-radius: 50%;
    color: var(--secondary-color-dark);
    background-color: var(--primary-color-light);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
}

.btn-call:hover{
    color: var(--white);
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.btn-call i {
    font-size: 2.8rem;
    animation: phone-ring 1s infinite ease-in-out;
}

@keyframes phone-ring{
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}

@media (max-width: 600px) {
    .btn-call i {
        font-size: 2.5rem;
    }

    .btn-call{
        bottom: 20px;
        left: 20px;
        width: 70px;
        height: 70px;
    }
}