| @@ -185,9 +185,14 @@ | ||
| 185 | 185 | } |
| 186 | 186 | |
| 187 | 187 | .cartflows-admin-notice .astra-review-notice.button-primary { |
| 188 | 188 | background-color: var( --cf-notice-accent ); |
| 189 | - border: unset; | |
| 189 | + border: 1px solid transparent; | |
| 190 | + min-height: 0; | |
| 191 | + line-height: 20px; | |
| 192 | + padding: 7px 12px; | |
| 193 | + font-size: 12px; | |
| 194 | + box-sizing: border-box; | |
| 190 | 195 | } |
| 191 | 196 | |
| 192 | 197 | .cartflows-admin-notice .astra-review-notice { |
| 193 | 198 | font-size: 12px; |
| @@ -193,16 +198,22 @@ | ||
| 193 | 198 | font-size: 12px; |
| 194 | 199 | display: flex; |
| 195 | 200 | align-items: center; |
| 196 | 201 | gap: 6px; |
| 197 | - padding: 4px 10px; | |
| 202 | + padding: 7px 12px; | |
| 198 | 203 | border-radius: 6px; |
| 204 | + text-decoration: none; | |
| 205 | + line-height: 20px; | |
| 199 | 206 | } |
| 200 | 207 | |
| 201 | 208 | .cartflows-admin-notice .astra-review-notice .dashicons { |
| 202 | - margin-top: -2px; | |
| 203 | - width: auto; | |
| 204 | - height: auto; | |
| 209 | + display: inline-flex; | |
| 210 | + align-items: center; | |
| 211 | + justify-content: center; | |
| 212 | + width: 20px; | |
| 213 | + height: 20px; | |
| 214 | + font-size: 16px; | |
| 215 | + line-height: 1; | |
| 205 | 216 | } |
| 206 | 217 | |
| 207 | 218 | /* Inline-link styling reserved for the optional third action (e.g. 5-star "I already did"). */ |
| 208 | 219 | .cartflows-admin-notice .astra-review-notice:nth-child( 3 ) { |
| @@ -218,8 +229,25 @@ | ||
| 218 | 229 | } |
| 219 | 230 | |
| 220 | 231 | .cartflows-admin-notice .astra-review-notice-container .dashicons::before { |
| 221 | 232 | vertical-align: middle; |
| 233 | +} | |
| 234 | + | |
| 235 | +/* Keep the focus/active ring on-brand instead of the default WordPress blue. */ | |
| 236 | +.cartflows-admin-notice .astra-review-notice.button-primary:focus, | |
| 237 | +.cartflows-admin-notice .astra-review-notice.button-primary.focus, | |
| 238 | +.cartflows-admin-notice .astra-review-notice.button-primary:active { | |
| 239 | + background-color: var( --cf-notice-accent ); | |
| 240 | + border-color: var( --cf-notice-accent ); | |
| 241 | + color: #fff; | |
| 242 | + box-shadow: 0 0 0 1px #fff, 0 0 0 3px var( --cf-notice-accent ); | |
| 243 | + outline: none; | |
| 244 | +} | |
| 245 | + | |
| 246 | +.cartflows-admin-notice .astra-review-notice:not( .button-primary ):focus, | |
| 247 | +.cartflows-admin-notice .astra-review-notice:not( .button-primary ):active { | |
| 248 | + box-shadow: 0 0 0 2px rgba( 240, 100, 52, 0.35 ); | |
| 249 | + outline: none; | |
| 222 | 250 | } |
| 223 | 251 | |
| 224 | 252 | /* Theme modifiers — declared after the base block so the cascade applies the override. */ |
| 225 | 253 | .cartflows-notice--success { |
