styles.module.scss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. .container{
  2. display: flex;
  3. flex-direction: column;
  4. width: 100%;
  5. gap: 0.5rem;
  6. pointer-events: auto;
  7. & .title{
  8. display: flex;
  9. flex-direction: row;
  10. align-items: center;
  11. justify-content: center;
  12. color: var(--header);
  13. font-weight: 600;
  14. font-size: 1rem;
  15. }
  16. & .award_con{
  17. display: flex;
  18. flex-direction: row;
  19. align-items: center;
  20. justify-content: flex-end;
  21. color: var(--coin-yellow);
  22. gap: 0.25rem;
  23. img{
  24. width: 1rem;
  25. height: 1rem;
  26. }
  27. font-size: 1rem;
  28. }
  29. & .l_form{
  30. display: flex;
  31. flex-direction: column;
  32. gap: 1rem;
  33. & .otp_btn{
  34. width: 3rem;
  35. height: 2.5rem;
  36. display: flex;
  37. flex-direction: row;
  38. align-items: center;
  39. justify-content: flex-end;
  40. color: var(--primary-color);
  41. text-align: right;
  42. font-size: 1rem;
  43. }
  44. & .tips{
  45. display: flex;
  46. flex-direction: row;
  47. align-items: center;
  48. justify-content: center;
  49. color: var(--coin-yellow);
  50. }
  51. }
  52. }