Membuat card di radio button

kode css nya silahkan di comot:

.radio-toolbar {

margin: 0px;

text-align: center;

}

.radio-toolbar input[type="radio"] {

opacity: 0;

position: fixed;

width: 0;

}

.radio-toolbar label {

display: inline-block;

background-color: #ddd;

padding: 10px 20px;

font-family: sans-serif, Arial;

font-size: 13px;

border: 5px solid #fff;

border-radius: 4px;

width: 50%;

}

.radio-toolbar label:hover {

background-color: #dfd;

}

.radio-toolbar input[type="radio"]:focus + label {

border: 5px dashed #444;

}

.radio-toolbar input[type="radio"]:checked + label {

background-color: #bfe3f7;

border-color: #73bee0;

}

/* Radio Button BOX */

contoh kode html nya comot ini:

*di unminify yak, males saya hehe

<div class="radio-toolbar"><input type="radio" id="AX5" name="myRadio" value="AX5"><label for="AX5">Axis 5.000<br><center><span style="font-size:10px;">Rp 6825</span> <span id="hargabaru"></span></center></label><input type="radio" id="AX15" name="myRadio" value="AX15"><label for="AX15">Axis 15.000<br><center><span style="font-size:10px;">Rp 16010</span> <span id="hargabaru"></span></center></label><input type="radio" id="AX25" name="myRadio" value="AX25"><label for="AX25">Axis 25.000<br><center><span style="font-size:10px;">Rp 25800</span> <span id="hargabaru"></span></center></label><input type="radio" id="AX50" name="myRadio" value="AX50"><label for="AX50">Axis 50.000<br><center><span style="font-size:10px;">Rp 50450</span> <span id="hargabaru"></span></center></label><input type="radio" id="AX100" name="myRadio" value="AX100"><label for="AX100">Axis 100.000<br><center><span style="font-size:10px;">Rp 99649</span> <span id="hargabaru"></span></center></label><input type="radio" id="AX200" name="myRadio" value="AX200"><label for="AX200">Axis 200.000<br><center><span style="font-size:10px;">Rp 198175</span> <span id="hargabaru"></span></center></label></div>