style.css
| 1 | .sc-block-button__link { |
| 2 | cursor: pointer; |
| 3 | display: inline-block; |
| 4 | text-align: center; |
| 5 | word-break: break-word; |
| 6 | box-sizing: border-box !important; |
| 7 | width: 100%; |
| 8 | } |
| 9 | .sc-block-button__link.aligncenter { |
| 10 | text-align: center; |
| 11 | } |
| 12 | .sc-block-button__link.alignright { |
| 13 | /*rtl:ignore*/ |
| 14 | text-align: right; |
| 15 | } |
| 16 | :where(.sc-block-button__link) { |
| 17 | box-shadow: none; |
| 18 | text-decoration: none; |
| 19 | border-radius: 9999px; |
| 20 | padding: calc(0.667em + 2px) calc(1.333em + 2px); |
| 21 | } |
| 22 | .sc-block-button[style*='text-decoration'] .sc-block-button__link { |
| 23 | text-decoration: inherit; |
| 24 | } |
| 25 | .sc-block-button.has-custom-width .sc-block-button__link { |
| 26 | width: 100%; |
| 27 | } |
| 28 | .sc-block-buttons |
| 29 | > .sc-block-button.has-custom-font-size |
| 30 | .sc-block-button__link { |
| 31 | font-size: inherit; |
| 32 | } |
| 33 | .sc-block-buttons > .sc-block-button.has-custom-width { |
| 34 | width: 100%; |
| 35 | } |
| 36 | .sc-block-button { |
| 37 | display: inline-block; |
| 38 | } |
| 39 | .sc-block-buttons > .sc-block-button.sc-block-button__width-25, |
| 40 | .sc-block-button.sc-block-button__width-25 { |
| 41 | width: calc(25% - (var(--wp--style--block-gap, 0.5em) * 0.75)); |
| 42 | } |
| 43 | .sc-block-buttons > .sc-block-button.sc-block-button__width-50, |
| 44 | .sc-block-button.sc-block-button__width-50 { |
| 45 | width: calc(50% - (var(--wp--style--block-gap, 0.5em) * 0.5)); |
| 46 | } |
| 47 | .sc-block-buttons > .sc-block-button.sc-block-button__width-75, |
| 48 | .sc-block-button.sc-block-button__width-75 { |
| 49 | width: calc(75% - (var(--wp--style--block-gap, 0.5em) * 0.25)); |
| 50 | } |
| 51 | .sc-block-buttons > .sc-block-button.sc-block-button__width-100, |
| 52 | .sc-block-button.sc-block-button__width-100 { |
| 53 | width: 100%; |
| 54 | flex-basis: 100%; |
| 55 | } |
| 56 | .sc-block-buttons.is-vertical > .sc-block-button.sc-block-button__width-25 { |
| 57 | width: 25%; |
| 58 | } |
| 59 | .sc-block-buttons.is-vertical > .sc-block-button.sc-block-button__width-50 { |
| 60 | width: 50%; |
| 61 | } |
| 62 | .sc-block-buttons.is-vertical > .sc-block-button.sc-block-button__width-75 { |
| 63 | width: 75%; |
| 64 | } |
| 65 | .sc-block-button.is-style-squared, |
| 66 | .sc-block-button__link.sc-block-button.is-style-squared { |
| 67 | border-radius: 0; |
| 68 | } |
| 69 | .sc-block-button.no-border-radius, |
| 70 | .sc-block-button__link.no-border-radius { |
| 71 | border-radius: 0 !important; |
| 72 | } |
| 73 | .sc-block-button .sc-block-button__link:where(.has-border-color) { |
| 74 | border-width: initial; |
| 75 | } |
| 76 | .sc-block-button .sc-block-button__link:where([style*='border-top-color']) { |
| 77 | border-top-width: initial; |
| 78 | } |
| 79 | .sc-block-button .sc-block-button__link:where([style*='border-right-color']) { |
| 80 | border-right-width: initial; |
| 81 | } |
| 82 | .sc-block-button .sc-block-button__link:where([style*='border-bottom-color']) { |
| 83 | border-bottom-width: initial; |
| 84 | } |
| 85 | .sc-block-button .sc-block-button__link:where([style*='border-left-color']) { |
| 86 | border-left-width: initial; |
| 87 | } |
| 88 | .sc-block-button .sc-block-button__link:where([style*='border-style']) { |
| 89 | border-width: initial; |
| 90 | } |
| 91 | .sc-block-button .sc-block-button__link:where([style*='border-top-style']) { |
| 92 | border-top-width: initial; |
| 93 | } |
| 94 | .sc-block-button .sc-block-button__link:where([style*='border-right-style']) { |
| 95 | border-right-width: initial; |
| 96 | } |
| 97 | .sc-block-button .sc-block-button__link:where([style*='border-bottom-style']) { |
| 98 | border-bottom-width: initial; |
| 99 | } |
| 100 | .sc-block-button .sc-block-button__link:where([style*='border-left-style']) { |
| 101 | border-left-width: initial; |
| 102 | } |
| 103 | .wp-block-surecart-upsell-no-thanks.is-style-outline, |
| 104 | .wp-block-surecart-upsell-no-thanks.is-style-outline:hover { |
| 105 | background-color: transparent; |
| 106 | background-image: none; |
| 107 | } |
| 108 |