1.subscribe {
2  position: relative;
3  height: 140px;
4  width: 240px;
5  padding: 20px;
6  background-color: #FFF;
7  border-radius: 4px;
8  color: #333;
9  box-shadow: 0px 0px 60px 5px rgba(0, 0, 0, 0.4);
10}
11
12.subscribe:after {
13  position: absolute;
14  content: "";
15  right: -10px;
16  bottom: 18px;
17  width: 0;
18  height: 0;
19  border-left: 0px solid transparent;
20  border-right: 10px solid transparent;
21  border-bottom: 10px solid #1a044e;
22}
23
24.subscribe p {
25  text-align: center;
26  font-size: 20px;
27  font-weight: bold;
28  letter-spacing: 4px;
29  line-height: 28px;
30}
31
32.subscribe input {
33  position: absolute;
34  bottom: 30px;
35  border: none;
36  border-bottom: 1px solid #d4d4d4;
37  padding: 10px;
38  width: 82%;
39  background: transparent;
40  transition: all .25s ease;
41}
42
43.subscribe input:focus {
44  outline: none;
45  border-bottom: 1px solid #0d095e;
46  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', 'sans-serif';
47}
48
49.subscribe .submit-btn {
50  position: absolute;
51  border-radius: 30px;
52  border-bottom-right-radius: 0;
53  border-top-right-radius: 0;
54  background-color: #0f0092;
55  color: #FFF;
56  padding: 12px 25px;
57  display: inline-block;
58  font-size: 12px;
59  font-weight: bold;
60  letter-spacing: 5px;
61  right: -10px;
62  bottom: -20px;
63  cursor: pointer;
64  transition: all .25s ease;
65  box-shadow: -5px 6px 20px 0px rgba(26, 26, 26, 0.4);
66}
67
68.subscribe .submit-btn:hover {
69  background-color: #07013d;
70  box-shadow: -5px 6px 20px 0px rgba(88, 88, 88, 0.569);
71}