#overlay {
    $col-bg: black;
    $col-sun: #FF5722;

    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 2;
    cursor: pointer;


    .container {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .countdown {
        display: block;
        width: 66vmin;
        height: 66vmin;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;

        font-family: 'Oswald', sans-serif;
        font-weight: 400;
        font-size: 25vmin;

        border-radius: 50%;
        overflow: hidden;
        cursor: pointer;

        transition: width, height, border-radius, font-size;
        transition-duration: 0.2s;

        &--ended {
            animation: buzz 0.5s;
        }

        &:active {
            transform: scale(1.02);
        }

        @keyframes buzz {
            0% {
                transform: rotate(0);
            }

            10%, 30%, 50%, 70%, 90% {
                transform: rotate(6deg);
            }

            20%, 40%, 60%, 80% {
                transform: rotate(-6deg);
            }

            100% {
                transform: rotate(0);
            }
        }

        &__fill {
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            bottom: 0;

            //background: $col-sun;
            opacity: 1;
        }

        &__digit {
            width: 100%;
            //color: $col-sun;
            text-align: center;
            mix-blend-mode: difference;
            pointer-events: none;
            user-select: none;
        }

        &__buttons {
            position: absolute;
            right: 50px;
            top: 50%;
            height: 200px;
            margin-top: -100px;
            color: white;
            z-index: 1;
        }

        &__button {
            height: 50%;
        }
    }
}
