Beautiful gradient Pricing Table UI Design

1<div class="container">
2  <div class="pricing__table">
3      <div class="icon type-01">
4        <span class="fa fa-paper-plane" aria-hidden="true">
5        </span>
6      </div>
7      <h3 class="heading">standard</h3>
8      <h1 class="service__price">
9        25
10        <sup class="dollar__sign">$</sup>
11      </h1>
12      <ul class="features__list">
13        <li>
14          <i class="fa fa-check" aria-hidden="true">
15          </i>
16          10 GB space
17        </li>
18        <li>
19          <i class="fa fa-check" aria-hidden="true">
20          </i>
21          3 domains names 
22        </li>
23        <li>
24          <i class="fa fa-check" aria-hidden="true">
25          </i>
26          20 emails address
27        </li>
28        <li>
29          <i class="fa fa-times" aria-hidden="true"></i>
30          live support
31        </li>
32      </ul>
33    <button class="order__button">
34      order now 
35    </button>
36  </div>
37  
38  
39  <div class="pricing__table">
40     <div class="icon type-02">
41       <span class="fa fa-plane" aria-hidden="true">
42       </span>
43     </div>
44      <h3 class="heading">premium</h3>
45      <h1 class="service__price">
46        50
47        <sup class="dollar__sign">$</sup>
48      </h1>
49      <ul class="features__list">
50        <li>
51          <i class="fa fa-check" aria-hidden="true">
52          </i>
53          50 GB space
54        </li>
55        <li>
56          <i class="fa fa-check" aria-hidden="true">
57          </i>
58          5 domains names 
59        </li>
60        <li>
61          <i class="fa fa-check" aria-hidden="true">
62          </i>
63          50 emails address
64        </li>
65        <li>
66          <i class="fa fa-check" aria-hidden="true"></i>
67          live support
68        </li>
69      </ul>
70      <button class="order__button">
71      order now 
72    </button>
73  </div>
74  
75  <div class="pricing__table">
76     <div class="icon type-03">
77       <span class="fa fa-rocket" aria-hidden="true">
78       </span>
79     </div> 
80      <h3 class="heading">ultimate</h3>
81      <h1 class="service__price">
82        100
83        <sup class="dollar__sign">$</sup>
84      </h1>
85      <ul class="features__list">
86        <li>
87          <i class="fa fa-check" aria-hidden="true">
88          </i>
89          Unlimited  space
90        </li>
91        <li>
92          <i class="fa fa-check" aria-hidden="true">
93          </i>
94         10 domains names 
95        </li>
96        <li>
97          <i class="fa fa-check" aria-hidden="true">
98          </i>
99          Unlimited emails address
100        </li>
101        <li>
102          <i class="fa fa-check" aria-hidden="true"></i>
103          live support
104        </li>
105      </ul>
106      <button class="order__button">
107      order now 
108    </button>
109  </div>
110  
111</div>