﻿/*.icon-button-pulse:hover {
    animation: pulse-shadow 1s forwards;
}*/
    .icon-button-pulse:hover > span {
        animation: pulse 0.5s forwards;
    }
    .icon-button-pulse-low:hover > span {
        animation: pulse-low 0.5s forwards;
    }
    .button-pulse:hover {
        animation: pulse 0.5s forwards;
    }
.mobile-dialog {
    transition: 0.4s ease-in-out;
    animation: opacity 0.5s forwards;
}

.button-pulse {
    transition: 0.3s;
}
.icon-button-pulse {
    transition: 0.3s;
}
.icon-button-pulse-low {
    transition: 0.3s;
}
.icon-button-pulse > span{
    transition:0.3s;
}


@keyframes pulse-shadow {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(121, 87, 255, 0.4);
    }

    70% {
        transform: scale(1.02);
        box-shadow: 0 0 0 10px rgba(121, 87, 255, 0);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(121, 87, 255, 0);
    }
}
@keyframes opacity {
    0% {
        opacity:0;
    }

    70% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}
@keyframes pulse {
    0% {
        transform: scale(1);
    }

    70% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}
@keyframes pulse-low {
    0% {
        transform: scale(1);
    }

    70% {
        transform: scale(1.07);
    }

    100% {
        transform: scale(1);
    }
}