frontend.css 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. .pp-coupon {
  2. display: flex;
  3. flex-direction: column;
  4. justify-content: center;
  5. align-items: center;
  6. overflow: hidden;
  7. }
  8. .pp-coupon a,
  9. .pp-coupon a:hover {
  10. text-decoration: none;
  11. cursor: pointer;
  12. }
  13. .pp-coupon-style-no_code {
  14. pointer-events: none;
  15. }
  16. .pp-coupon-image-wrapper,
  17. .pp-coupon-image-wrapper img,
  18. .pp-coupon-content-wrapper {
  19. width: 100%;
  20. height: auto;
  21. }
  22. .pp-coupon-image-wrapper {
  23. position: relative;
  24. }
  25. .pp-coupon-image-wrapper .pp-coupon-link {
  26. display: block;
  27. }
  28. .pp-coupon-discount {
  29. position: absolute;
  30. top: 0;
  31. transition: all 0.3s ease-in-out;
  32. }
  33. .pp-coupon-code {
  34. position: absolute;
  35. bottom: 0;
  36. cursor: pointer;
  37. overflow: hidden;
  38. display: flex;
  39. align-items: center;
  40. transition: all 0.3s ease-in-out;
  41. }
  42. .pp-coupon-code-text {
  43. display: flex;
  44. align-items: center;
  45. }
  46. .pp-coupon-code-text-wrap {
  47. position: relative;
  48. float: right;
  49. }
  50. .pp-copied .pp-coupon-code-text-wrap {
  51. display: flex;
  52. align-items: center;
  53. }
  54. .pp-coupon-copy-text {
  55. padding-left: 10px;
  56. }
  57. .pp-coupon-code.pp-copied.pp-coupon-style-reveal .pp-coupon-code-text {
  58. border-right: 2px dotted #fff;
  59. padding-right: 10px;
  60. }
  61. .pp-coupon-code.pp-coupon-style-copy .pp-coupon-code-text {
  62. border-right: 2px dotted #fff;
  63. padding-right: 10px;
  64. }
  65. .pp-coupon-code-text-wrap.pp-unreavel {
  66. padding-left: 5px !important;
  67. }
  68. .pp-coupon-reveal-wrap {
  69. position: relative;
  70. float: left;
  71. z-index: 2;
  72. }
  73. .pp-coupon-title {
  74. margin-top: 0;
  75. }
  76. .pp-coupon-link-button {
  77. transition: all 0.3s ease-in-out;
  78. }
  79. .pp-coupon-link-text {
  80. transition: all 0.3s ease-in-out;
  81. }
  82. .pp-coupon-separator {
  83. margin-top: 0px;
  84. }