.animate.anim1 {
    animation: flying1 12s linear infinite;
}
.btn.animate {
    position: relative;

}
.btn.animate:before,
.btn.animate:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 16px;
}
.showing1 {
    animation: show .5s ease-out;
}
.show {
    animation: show .5s ease-out;
}
.show-r {
    animation: show-r .5s ease-out;
}
.designed__image.show-r.paused:before {
    animation-play-state: paused;
}
.designed__image.show-r:before {
    animation: show-r .5s ease-out;
}
.paused {
    animation-play-state: paused;
}

@keyframes flying1 {
    0% {
        transform: translate(0, 0);
    }
    25% {
        transform: translate(-5px, -9px);
    }
    75% {
        transform: translate(5px, -8px);
    }
    100% {
        transform: translate(0, 0);
    }
}

@keyframes show {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes show-r {
    from {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}