.long_press_1 {
    transform: rotate(-90deg);
    display: inline-block;
    cursor: pointer;
    position:absolute;
    top:0;
    left:0;
}


    .long_press_1 > circle {
        stroke-dasharray: 0,320%;
        stroke: #171f30;
        stroke-width: 0;
        transition: 0s ease-out all;
        opacity: 1;
        transform-origin: 50% 50%;
        transform: rotate(-90deg);
    }

        .long_press_1 > circle.active {
            stroke-dasharray: 285%,320%; /* full circle */
            stroke-width: 5%;
            opacity: 0.5;
            transform-origin: 50% 50%;
            transform: rotate(180deg);
            transition: 1.35s ease-in-out all;
        }

            .long_press_1 > circle.active.launch {
                stroke: #C12B3A;
                fill: orange;
                transition: 0s ease-out all;
            }