@keyframes base_btn {
    0% {
        background-position: center center
    }

    45% {
        background-position: 30px center
    }

    46% {
        background-position: left -30px center
    }

    100% {
        background-position: center center
    }
}

@keyframes slideUP {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }

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

@keyframes extendRight {
    0% {
        opacity: 0;
        width: 0
    }

    100% {
        opacity: 1;
        width: 100%
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.anime_slideup {
    opacity: 0;
    transform: translateY(50px)
}

.anime_slideup.anime_action {
    animation: slideUP 0.4s ease-out 0s 1 forwards
}

.anime_marker::after {
    width: 0;
    opacity: 0
}

.anime_marker.anime_action::after {
    animation: extendRight 0.7s ease-out 0s 1 forwards
}