.animation-infinite-arrow-to-bottom {
    opacity: 0;
    transform: translateY(-25px);
    animation: ArrowToBottom 1.5s infinite;
    -webkit-animation: ArrowToBottom 1.5s infinite;
}

@keyframes ArrowToBottom {
    0% {
        opacity: 0;
        transform: translateY(-5px);
    }

    33% {
        opacity: 1;
    }

    66% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateY(5px);
    }
}

.animation-top-to-bottom {
    opacity: 0;
    animation: FadeInTopToBottom 1s forwards;
    -webkit-animation: FadeInTopToBottom 1s forwards;
}

@keyframes FadeInTopToBottom {
    0% {
        opacity: 0;
        transform: translateY(-35px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

.animation-bottom-to-top {
    opacity: 0;
    animation: FadeInBottomToTop 1s forwards;
    -webkit-animation: FadeInBottomToTop 1s forwards;
}

@keyframes FadeInBottomToTop {
    0% {
        opacity: 0;
        transform: translateY(35px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

.animation-right-to-left {
    opacity: 0;
    animation: FadeInRightToLeft 1s forwards;
    -webkit-animation: FadeInRightToLeft 1s forwards;
}

@keyframes FadeInRightToLeft {
    0% {
        opacity: 0;
        transform: translateX(35px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

.animation-left-to-right {
    opacity: 0;
    animation: FadeInLeftToRight 1s forwards;
    -webkit-animation: FadeInLeftToRight 1s forwards;
}

@keyframes FadeInLeftToRight {
    0% {
        opacity: 0;
        transform: translateX(-35px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

.animation-opacity {
    opacity: 0;
    animation: FadeInOpacity 1.5s forwards;
    -webkit-animation: FadeInOpacity 1.5s forwards;
}

@keyframes FadeInOpacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.btn-animation-fenyes-loop::before {
    content: '';
    position: absolute;
    top: -50%;
    left: 100%;
    width: 50px;
    height: calc(100% + 50px);
    background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.35), transparent);
    transform: rotate(30deg);
    animation: FenyesLoop 5s ease infinite;
    -webkit-animation: FenyesLoop 5s ease infinite;
}

@keyframes FenyesLoop {
    0% {
        left: 100%;
    }

    50% {
        left: -50%;
    }

    100% {
        left: -50%;
    }
}

.animation-opacity-loop {
    opacity: 0.5;
    animation: FadeInOpacityLoop 1.5s ease infinite;
    -webkit-animation: FadeInOpacityLoop 1.5s ease infinite;
}

@keyframes FadeInOpacityLoop {
    0% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.5;
    }
}

.animation-border-wave {
    border: 5px solid transparent;
    position: relative;
    animation: BorderWaveLoop 1.5s ease infinite;
    -webkit-animation: BorderWaveLoop 1.5s ease infinite;
}

@keyframes BorderWaveLoop {
    0% {
        border-color: rgba(220, 53, 69, 0.1);
    }
    50% {
        border-color: rgba(220, 53, 69, 0.8);
    }
    100% {
        border-color: rgba(220, 53, 69, 0.1);
    }
}