.pricing-card {
background : linear - gradient ( 145deg , #0b162c , #060c1a ); padding : 40px ; border - radius : 20px ; border : 1px solid rgba ( 0 , 243 , 255 , 0.2 ) ; text- align : left ; max - width : 400px ; margin : 0 auto ; box - shadow : 0 0 30px rgba ( 0 , 243 , 255 , 0.05 ) ; }
.plan-name {
background : linear - gradient ( to right , #0072ff , #00c6ff );
display : inline - block ;
padding : 5px 20px ;
border - radius : 5px ;
font -size : 1.2rem ; margin - bottom : 30px ; color : white ; }
.plan-features ul {
list-style : none ;
padding : 0 ;
margin-bottom : 30px ;
}
.plan-features li {
margin-bottom : 10px ;
padding-left : 25px ;
position : relative ;
color : #ccc ;
}
.plan-features li :: before {
content : '✓' ;
position : absolute ;
left : 0 ;
color : var ( -- secondary - color );
}
.plan-price {
font-size : 3rem ; font - weight : bold ; margin-bottom : 10px ; color : white ; }
.plan-price .period {
font-size : 1 rem ;
color : #888 ;
font-weight : normal ;
}
.plan-desc {
color : #888 ;
margin-bottom : 30px ;
font-size : 0 . 9 rem ;
}
.btn-block {
display : block ;
width : 100% ;
text-align : center ;
}