.get-prediction { margin-top: 26px; font-size: 24px; font-weight: 500; } .how-work { margin-top: 40px; } .begin-trial { margin-top: -20px; } .why-love { font-size: 28px; margin: 40px 18px 20px; font-weight: 700; &>span { color: #224e90; } } .success-story { font-size: 20px; font-weight: 500; margin-top: 22px; line-height: 1 !important; } .as-seen-in { font-size: 32px; margin-top: 50px; &>span { color: #224e90; } } .partners { width: 100%; } .paywall__get-prediction { position: fixed; bottom: 0dvh; left: 0; align-items: center; background: #eff2fd; box-shadow: 0 -3px 11px rgba(0, 0, 0, .15); color: #4a567a; display: flex; font-size: 14px; padding: 12px 24px; transition: all 0.5s; width: 100%; z-index: 10; } .paywall__get-prediction-timer { font-family: "SF Mono Bold, sans-serif"; border-radius: 4px; background: initial; display: inline; margin: 5px; min-width: 62px; padding: 0; } .paywall__get-prediction-timer>span { color: #066fde; font-size: 14px; font-weight: 700; line-height: 22px; } .paywall__get-prediction-button { font-weight: 700; font-size: 18px; line-height: 26px; min-height: auto; min-width: auto; padding: 6px 8px; white-space: normal; width: auto; } .information-title { font-size: 24px; font-weight: 700; margin-bottom: 0; } .zodiac-images { position: relative; width: 100%; display: flex; justify-content: center; align-items: center; gap: 0px; margin-top: 8px; &.with-partner { & > img:first-child { margin-right: -30%; } & > img:last-child { // margin-left: -10px; z-index: -3; } & > img { width: 50%; } } img { position: relative; width: 70%; object-fit: cover; z-index: -2; } &::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 60%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .7) 10%, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 100%); pointer-events: none; z-index: -1; } } .information-description { text-align: left; font-size: 16px; line-height: 125%; font-weight: 400; margin-top: 8px; margin-bottom: 8px; & > span { color: #146DA5; } }