@tailwind base;
@tailwind components;
@tailwind utilities;

.progress-ring__circle {
  transition: stroke-dashoffset 0.3s;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

.circular-progress {
  @apply h-10 w-10 animate-spin rounded-full border-[3px] border-primary-main border-t-transparent;
}

.mui-inherit-button {
  @apply prose-button flex h-12 w-full cursor-pointer items-center justify-center rounded-lg bg-grey-800 px-6 py-2 text-[15px] text-common-white outline-none transition-colors duration-200 ease-in-out hover:bg-grey-700;
}