.radiobtn {
    position: relative;
    display: block;
}

    .radiobtn label {
        display: block;
        background: #ffffff;
        color: black;
        font-weight: bold;
        border-radius: 5px;
        padding: 10px 20px;
        border: 2px solid #ffffff;
        margin-bottom: 5px;
        cursor: pointer;
    }

        .radiobtn label:after, .radiobtn label:before {
            content: "";
            position: absolute;
            right: 11px;
            top: 11px;
            width: 20px;
            height: 20px;
            border-radius: 3px;
            background: #ffffff;
        }

        .radiobtn label:before {
            background: transparent;
            -webkit-transition: 0.1s width cubic-bezier(0.075, 0.82, 0.165, 1) 0s, 0.3s height cubic-bezier(0.075, 0.82, 0.165, 2) 0.1s;
            transition: 0.1s width cubic-bezier(0.075, 0.82, 0.165, 1) 0s, 0.3s height cubic-bezier(0.075, 0.82, 0.165, 2) 0.1s;
            z-index: 2;
            overflow: hidden;
            background-repeat: no-repeat;
            background-size: 13px;
            background-position: center;
            width: 0;
            height: 0;
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS4zIDEzLjIiPiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE0LjcuOGwtLjQtLjRhMS43IDEuNyAwIDAgMC0yLjMuMUw1LjIgOC4yIDMgNi40YTEuNyAxLjcgMCAwIDAtMi4zLjFMLjQgN2ExLjcgMS43IDAgMCAwIC4xIDIuM2wzLjggMy41YTEuNyAxLjcgMCAwIDAgMi40LS4xTDE1IDMuMWExLjcgMS43IDAgMCAwLS4yLTIuM3oiIGRhdGEtbmFtZT0iUGZhZCA0Ii8+PC9zdmc+);
        }

    .radiobtn input[type="radio"] {
        display: none;
        position: absolute;
        width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

        .radiobtn input[type="radio"]:checked + label {
            background: #ADD8E6;
            -webkit-animation-name: blink;
            animation-name: blink;
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            border-color: #ADD8E6;
            color: white;
        }

            .radiobtn input[type="radio"]:checked + label:after   {
                background: #ADD8E6;
                color: white;
            }

        .radiobtn input[type="radio"]:checked + label:before {
            width: 20px;
            height: 20px;
            color: white;
        }



@-webkit-keyframes blink {
    0% {
        background-color: #596c75;
    }

    10% {
        background-color: #596c75;
    }

    11% {
        background-color: #596c75;
    }

    29% {
        background-color: #596c75;
    }

    30% {
        background-color: #596c75;
    }

    50% {
        background-color: #596c75;
    }

    45% {
        background-color: #596c75;
    }

    50% {
        background-color: #596c75;
    }

    100% {
        background-color: #596c75;
    }
}

@keyframes blink {
    0% {
        background-color: #596c75;
    }

    10% {
        background-color: #596c75;
    }

    11% {
        background-color: #596c75;
    }

    29% {
        background-color: #596c75;
    }

    30% {
        background-color: #596c75;
    }

    50% {
        background-color: #596c75;
    }

    45% {
        background-color: #596c75;
    }

    50% {
        background-color: #596c75;
    }

    100% {
        background-color: #596c75;
    }
}