Index: chrome/browser/resources/welcome/welcome.css |
diff --git a/chrome/browser/resources/welcome/welcome.css b/chrome/browser/resources/welcome/welcome.css |
index 2ca056c65150d78abf88aa4e66bfbb2659e1c22d..54556bc4586efb7c538654e437774bcf8e0d63f0 100644 |
--- a/chrome/browser/resources/welcome/welcome.css |
+++ b/chrome/browser/resources/welcome/welcome.css |
@@ -179,20 +179,29 @@ body { |
} |
.action { |
+ -webkit-font-smoothing: antialiased; |
background: var(--google-blue-500); |
border-radius: 2px; |
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1); |
color: white; |
font-size: .8125em; |
font-weight: 500; |
line-height: 2.25rem; |
padding: 0 1.5em; |
+ transition: 300ms cubic-bezier(.4, .2, 0, 1); |
+ will-change: box-shadow; |
+} |
+ |
+.action:hover { |
+ background: var(--paper-blue-a400); |
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .24); |
} |
.action:active { |
background: var(--google-blue-500); |
} |
-.action:focus { |
+.action.keyboard-focus { |
background: var(--google-blue-700); |
} |