#activity .modalBtn{
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    align-items: center;
    background: var(--purple);
    border-radius: 50%;
    text-align: center;
    /*padding: var(--padding-xs) var(--padding-s);*/
    width: 2.5rem;
    height: 2.5rem;
    vertical-align: middle;
    display: flex;
    justify-content: center;

    animation: icon-size 2s;
    animation-iteration-count: infinite;
    animation-delay: 0s;

    z-index: 99;
}
#activity .modalBtn:hover{
    cursor: pointer;
}
#activity .modalBtn .icon {
    width: 1.5rem;
    height: 1.5rem;
}
#activity .modalBtn .icon img,
#activity .modalBtn .icon svg{
    color: black;
    max-width: 100%;
    max-height: 100%;
}

#activity .modal .modal-body h3{
    padding: var(--padding-xs) 0;
}

#activity .modal .modal-body  p{
    padding: var(--padding-xs) 0;
}
#activity .modal .modal-body  a{
    text-align: center;
}

@keyframes icon-size {
    0% {
        background: var(--mapa);
    }
    50% {
        background: var(--mapa-light);
    }
    100% {
        background: var(--mapa);
    }
}

@media (min-width: 480px) {
    #activity .modalBtn {
        bottom: 4rem;
        right: 4rem;
        width: 3.5rem;
        height: 3.5rem;
    }

    #activity .modalBtn .icon {
        width: 1.8rem;
        height: 1.8rem;
    }
}