.inline-card {
border-radius: 8px;
background-color: #eceff1;
- padding: 24px; }
+ padding: 24px;
+ position: relative;
+ padding: 24px 20px; }
label.amount {
width: 84px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.23);
font-size: 20px;
color: #42a5f5;
- text-align: left;
+ text-align: center;
margin: 0 8px 16px 8px;
- padding-top: 8px; }
+ padding: 8px 0 0 0; }
input[name=amount] {
display: none; }
background-image: linear-gradient(120deg, #4fc3f7, #1976d2);
color: white; }
+.or {
+ display: block;
+ height: 200px;
+ width: 1px;
+ border: 1px solid rgba(38, 50, 56, 0.3);
+ position: absolute;
+ left: 350px;
+ top: 12px; }
+ .or:before {
+ content: "OR";
+ font-family: 'Ubuntu', sans-serif;
+ font-size: 16px;
+ font-weight: 500;
+ color: rgba(38, 50, 56, 0.3);
+ background-color: #eceff1;
+ display: block;
+ position: absolute;
+ top: 12px;
+ left: -12px;
+ width: 24px;
+ height: 24px; }
+
body {
min-height: 100vh;
display: flex;