.regular-btn {
  @apply min-w-28 rounded-full border border-gray-300 bg-white px-4 py-2 text-center text-base font-bold text-gray-600 hover:bg-gray-100 md:text-sm;
}

.operating-btn {
  @apply min-w-20 rounded-full border border-gray-300 bg-white px-4 py-2 text-center text-base font-bold text-gray-600 hover:bg-gray-100 md:text-sm;
}

.operating-text {
  @apply text-base text-gray-600 md:text-sm;
}

.comfirm-btn {
  @apply min-w-28 rounded-full border border-mark bg-white px-4 py-2 text-base font-bold !text-mark hover:bg-gray-100 md:text-sm;
}

.cancel-btn {
  @apply me-6 min-w-28 rounded-full border border-grey bg-white px-4 py-2 text-base font-bold !text-gray-600 hover:bg-gray-100 focus:ring-0 md:text-sm;
}

.custom-input {
  @apply border-silver w-full rounded-md border bg-gray-50 p-2 text-gray-600 placeholder-grey caret-link focus:border-transparent focus:outline-none focus:ring-1 focus:ring-link md:text-sm;
}

.custom-label {
  @apply w-56 text-base font-bold md:pb-2 md:text-sm;
}

.social-link {
  @apply inline-flex rounded-md p-2 leading-5 hover:bg-gray-100;
}

.module-warp {
  @apply flex w-full flex-row items-center justify-between pb-4 text-base md:flex-wrap md:text-sm;
}

.markdown-article {
  @apply mx-auto flex w-full max-w-full flex-col justify-between rounded-lg px-4;
}

/* Reusable utility class to apply focus-visible ring styles (use with buttons, links, etc.) */
.focus-visible-ring {
  @apply focus-visible:border-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2;
}