diff --git a/guide/english/css/css-buttons/index.md b/guide/english/css/css-buttons/index.md
index f9614d9c25c..929714738a1 100644
--- a/guide/english/css/css-buttons/index.md
+++ b/guide/english/css/css-buttons/index.md
@@ -92,7 +92,18 @@ button:hover {
 
 ![Hoverable Buttons](https://image.ibb.co/hxQnfm/button_hover.png "Hoverable Buttons")
 
-To determine the speed of the hover effect use the property `transition-duration`.
+To determine the speed of the hover effect, use the property `transition-duration`.
+```
+ button {
+  background-color: #f4511e;
+  transition-duration: 0.4s;
+}
+
+ button:hover {
+  background-color: #0E2C5B;
+  color: #FFF;
+}
+```
 
 ### Disabled Buttons
 
@@ -121,10 +132,11 @@ To animate a button on click use 'button:active':
   background-color: #ff7d1a;
   border: none;
   border-radius: 15px;
+  transition-duration: 0.4s;
 }
 
 .button:hover {
-	background-color: #ff6d00;
+  background-color: #ff6d00;
 }
 
 .button:active {