.item {
  @apply relative rounded-xl border border-gray-100 cursor-pointer;
  background-color: #fcfcfd;
}

.item.active {
  border-width: 1.5px;
  border-color: #528BFF;
  box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);
}

.item:hover {
  background-color: #ffffff;
  border-color: #B2CCFF;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}

.radio {
  @apply w-4 h-4 border-[2px] border-gray-200 rounded-full;
}

.item.active .radio {
  border-width: 5px;
  border-color: #155EEF;
}
