try-premium.scss 791 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. .try-premium-page {
  2. .try-premium-logo-container {
  3. padding: 0 var(--spacing-08);
  4. display: flex;
  5. justify-content: space-evenly;
  6. }
  7. .try-premium-third-party-logo {
  8. width: 36px;
  9. height: 36px;
  10. }
  11. .try-premium-page-list-wrapper {
  12. display: flex;
  13. justify-content: center;
  14. align-items: center;
  15. padding-bottom: var(--spacing-06);
  16. }
  17. .try-premium-page-list {
  18. padding-inline-start: 0;
  19. display: flex;
  20. align-items: center;
  21. flex-direction: column;
  22. @include media-breakpoint-up(sm) {
  23. flex-direction: row;
  24. justify-content: space-between;
  25. width: 100%;
  26. max-width: 500px;
  27. }
  28. ul {
  29. margin-bottom: 0;
  30. width: 300px;
  31. @include media-breakpoint-up(sm) {
  32. width: unset;
  33. }
  34. }
  35. }
  36. }