.pic {
  margin: 5px 0;
}

.radio {
  width: 100%;
  display: inline-block;
  border-radius: 0;
  box-sizing: border-box;
	border: 1px solid #efefef;
  cursor: pointer;
  color: #000;
  font-weight: 500;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
}

.radio:hover {
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.selected p {
	color: white; /* Warna teks putih */
}

.radio-amount.selected {
  border-color: #bb2c32;
  box-shadow: 0px 0px 0px 1px #bb2c32;
  filter: grayscale(0%);
  background-color: #bb2c32;
}

.radio-amount.selected p {
  color: white;
}

.radio-payment.selected-payment {
  border-color: #bbb;
  background-color: #EEEEEE;
  box-shadow: 0px 0px 0px 1px #ccc;
  filter: grayscale(0%);
}

.radio-payment:hover {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
  border-color: #ccc;
  filter: grayscale(0%);
  transition: all 0.2s ease-in-out;
}