@-webkit-keyframes pulses {
    0% {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    50% {
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05)
    }
    to {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@keyframes pulses {
    0% {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    50% {
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05)
    }
    to {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
.app-button-type:hover {
    -webkit-animation-name:pulses;
    animation-name:pulses;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out
}
app-button-type:active{
    -webkit-animation-name:pulses;
    animation-name:pulses;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out
}
.animated {
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-duration:var(--animate-duration);
    animation-duration:var(--animate-duration);
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}