.digit-card-based-options {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
    @apply bg-white mb-md px-sm py-md mx-sm rounded w-full;
    .digit-head-content {
      @apply flex justify-between mb-lg;
      h2 {
        @apply text-heading-s font-bold text-text-primary;
      }
      p {
        @apply text-link text-primary-main font-medium cursor-pointer;
      }
    }
  
    .digit-main-content {
      @apply flex justify-evenly;
      .digit-card-based-options-main-child-option {
        width: 25%;
        @apply text-center;
        .digit-child-option-image-wrapper {
          margin: auto !important;
          background: rgba(244, 119, 56, 0.12);
          mix-blend-mode: normal;
          padding-top: 14px;
          @apply h-12 w-12 rounded-full cursor-pointer;
          svg {
            height: 20px;
            width: 20px;
            fill: theme(colors.primary.main);
            margin: auto;
          }
        }
        .digit-child-option-name {
          font-size: 12px;
          line-height: 14px;
          padding-top: 1rem;
        }
      }
    }
  }
  
  @screen dt {
    .digit-card-based-options {
      width: calc(50% - 16px);
      @apply p-md;
    }
  }