diff --git a/configs/bank-landing/index.html b/configs/bank-landing/index.html index 7c5a35f..ce71838 100644 --- a/configs/bank-landing/index.html +++ b/configs/bank-landing/index.html @@ -218,7 +218,7 @@ display: inline-flex; align-items: center; justify-content: center; - gap: 0.4rem; + gap: 0.45rem; min-width: 9.5rem; text-decoration: none; font-weight: 700; @@ -240,7 +240,43 @@ color: var(--muted); font-weight: 600; font-size: 0.85rem; + gap: 0.5rem; } + .app-ico { + width: 1.15rem; + height: 1.15rem; + flex-shrink: 0; + display: block; + } + .app-ico path, .app-ico circle, .app-ico rect { fill: currentColor; } + .app-ico.stroke-ico path, .app-ico.stroke-ico circle, .app-ico.stroke-ico rect { + fill: none; + stroke: currentColor; + stroke-width: 1.6; + stroke-linecap: round; + stroke-linejoin: round; + } + .app-ico.gold { color: #f0c86a; } + .app-ico.blue { color: #3ecfbf; } + .app-btn .app-ico.gold { color: #f0c86a; } + .app-btn .app-ico.blue { color: #5eead4; } + .app-btn.ios .app-ico { color: #5eead4; } + .app-btn:not(.ios):not(.hub) .app-ico { color: #f0c86a; } + .hub-icons { + display: inline-flex; + align-items: center; + gap: 0.35rem; + } + .hub-icons .app-ico { width: 1.05rem; height: 1.05rem; } + .step-tagline .app-ico { + width: 1rem; + height: 1rem; + display: inline-block; + vertical-align: -0.15em; + margin: 0 0.12em; + } + .step-tagline .app-ico.ios { color: #5eead4; } + .step-tagline .app-ico.android { color: #f0c86a; } .more-section { margin-top: 2.75rem; @@ -511,28 +547,45 @@

1 Get the wallet

-

Android or iOS

+

+ + or + +