| @@ -1,8 +1,8 @@ | ||
| 1 | 1 | |
| 2 | 2 | :root { |
| 3 | - --blockspare-primary-color: #ce242c; | |
| 4 | - --blockspare-secondary-color: #141618; | |
| 3 | + --blockspare-primary-color: #8B249C; | |
| 4 | + --blockspare-secondary-color: #3B1A5B; | |
| 5 | 5 | --blockspare-text-accent: #1f2937; |
| 6 | 6 | --blockspare-text-primary: #4b5563: |
| 7 | 7 | } |
| 8 | 8 | |
| @@ -202,9 +202,9 @@ | ||
| 202 | 202 | } |
| 203 | 203 | |
| 204 | 204 | .blockspare-notice-setup .blockspare-notice-title { |
| 205 | 205 | margin: 0; |
| 206 | - font-size: 22px; | |
| 206 | + font-size: 32px; | |
| 207 | 207 | font-weight: 600; |
| 208 | 208 | line-height: 1.25; |
| 209 | 209 | } |
| 210 | 210 | |
| @@ -209,8 +209,9 @@ | ||
| 209 | 209 | } |
| 210 | 210 | |
| 211 | 211 | .blockspare-notice-setup .blockspare-notice-description { |
| 212 | 212 | margin: 10px auto 24px; |
| 213 | + font-size: 18px; | |
| 213 | 214 | line-height: 1.7; |
| 214 | 215 | max-width: 700px; |
| 215 | 216 | } |
| 216 | 217 | .blockspare-notice-setup .blockspare-notice-buttons{ |
| @@ -226,11 +227,12 @@ | ||
| 226 | 227 | display: inline-flex; |
| 227 | 228 | align-items: center; |
| 228 | 229 | gap: 8px; |
| 229 | 230 | font-weight: 500; |
| 230 | - font-size: 12px; | |
| 231 | + font-size: 14px; | |
| 231 | 232 | text-transform: uppercase; |
| 232 | - padding: 6px 12px; | |
| 233 | + line-height: 24px; | |
| 234 | + padding: 10px 16px; | |
| 233 | 235 | border-radius: 6px; |
| 234 | 236 | text-align: center; |
| 235 | 237 | text-decoration: none; |
| 236 | 238 | border: 1px solid transparent; |
| @@ -269,9 +271,9 @@ | ||
| 269 | 271 | } |
| 270 | 272 | |
| 271 | 273 | .blockspare-notice-setup .blockspare-notice-link { |
| 272 | 274 | color: var(--blockspare-primary-color); |
| 273 | - font-size: 12px; | |
| 275 | + font-size: 14px; | |
| 274 | 276 | /* text-decoration: none; */ |
| 275 | 277 | transition: all .3s ease-in-out; |
| 276 | 278 | } |
| 277 | 279 | |
| @@ -281,9 +283,8 @@ | ||
| 281 | 283 | |
| 282 | 284 | .blockspare-notice-setup .bs-welcome-panel-column-container { |
| 283 | 285 | display: flex; |
| 284 | 286 | justify-content: center; |
| 285 | - flex-direction: column; | |
| 286 | 287 | width: 100%; |
| 287 | 288 | z-index: 1; |
| 288 | 289 | padding: 32px; |
| 289 | 290 | gap: 32px; |
| @@ -316,9 +317,9 @@ | ||
| 316 | 317 | } |
| 317 | 318 | |
| 318 | 319 | .blockspare-notice-setup .bs-welcome-panel-column h3{ |
| 319 | 320 | margin: 0; |
| 320 | - font-size: 15px; | |
| 321 | + font-size: 18px; | |
| 321 | 322 | font-weight: 400; |
| 322 | 323 | line-height: 1.4; |
| 323 | 324 | } |
| 324 | 325 | |
| @@ -583,29 +584,29 @@ | ||
| 583 | 584 | } |
| 584 | 585 | |
| 585 | 586 | |
| 586 | 587 | .blockspare-notice .button-primary { |
| 587 | - background-color: #ce242c; | |
| 588 | - border-color: #ce242c; | |
| 588 | + background-color: #8b249c; | |
| 589 | + border-color: #8b249c; | |
| 589 | 590 | } |
| 590 | 591 | .blockspare-notice .button-primary:hover { |
| 591 | - background-color: #141618; | |
| 592 | - border-color: #141618; | |
| 592 | + background-color: #3B1A5B; | |
| 593 | + border-color: #3B1A5B; | |
| 593 | 594 | } |
| 594 | 595 | .blockspare-notice .button-secondary { |
| 595 | - color: #ce242c; | |
| 596 | - border-color: #ce242c; | |
| 596 | + color: #8b249c; | |
| 597 | + border-color: #8b249c; | |
| 597 | 598 | } |
| 598 | 599 | |
| 599 | 600 | .blockspare-notice .button-secondary:hover { |
| 600 | - color: #141618; | |
| 601 | - border-color: #141618; | |
| 601 | + color: #3B1A5B; | |
| 602 | + border-color: #3B1A5B; | |
| 602 | 603 | } |
| 603 | 604 | |
| 604 | 605 | .blockspare-pro-link { |
| 605 | - color: #ce242c; | |
| 606 | + color: #8b249c; | |
| 606 | 607 | font-weight: bold; |
| 607 | 608 | } |
| 608 | 609 | .blockspare-pro-link:hover, |
| 609 | 610 | .blockspare-pro-link:focus { |
| 610 | - color: #ce242c; | |
| 611 | + color: #8b249c; | |
| 611 | 612 | } |
