Radio Button style : demo 7

                        
                        

                            

                                

                                    

                                        

                                            
                                            Duis arcu ligula
                                        
                                        

                                            
                                            ullamcorper nec elit
                                        
                                        

                                            
                                            Sed eu volutpat
                                        
                                        

                                            
                                            eros sed elit
                                        
                                    
                                
                            
                        
                    

                        .radio-list{
                            width: 200px;
                            padding: 0;
                            margin: 0 auto;
                            list-style: none;
                        }
                        .radio-button{
                            margin: 0 0 5px;
                            position: relative;
                        }
                        .radio-button input[type=radio]{
                            margin: auto;
                            visibility: hidden;
                            position: absolute;
                            left: 0;
                            top: 0;
                        }
                        .radio-button label{
                            font-size: 17px;
                            font-weight: 500;
                            padding: 0 0 0 25px;
                            cursor: pointer;
                            display: inline-block;
                            position: relative;
                        }
                        .radio-button label:before,
                        .radio-button label:after{
                            content: "";
                            background: #ccc;
                            width: 20px;
                            height: 20px;
                            border-radius: 50%;
                            transform: translateY(-50%);
                            position: absolute;
                            top: 50%;
                            left: 0;
                            transition: all .4s;
                        }
                        .radio-button input[type=radio]:checked+label:before{ background: #09589a; }
                        .radio-button input[type=radio]:checked+label:after{
                            background: #fff;
                            transform: translateY(-45%) scale(0.6);
                        }