#countdown {
    position: relative;
    margin: auto;
    height: 44px;
    width: 44px;
    text-align: center;
    background-color: #FFF;
    border-radius: 40px;
    margin-bottom: -34px;
}
@media only screen and (max-width: 768px) {
    #countdown {
        position: absolute;
        left:calc(50% - 20px);
        top:-30px;
    }
}

#countdown-number {
    color: #000;
    display: inline-block;
    line-height: 40px;
}

svg {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 40px;
    height: 40px;
    transform: rotateY(-180deg) rotateZ(-90deg);
}

svg circle {
    stroke-dasharray: 113px;
    stroke-dashoffset: 0px;
    stroke-linecap: round;
    stroke-width: 5px;
    stroke: #89A427;
    fill: none;
    /*animation: countdown 10s linear forwards;*/
}

@keyframes countdown {
    from {
        stroke-dashoffset: 0px;
    }
    to {
        stroke-dashoffset: 113px;
    }
}