Skip to content

Instantly share code, notes, and snippets.

@opejovic
Created September 11, 2019 18:27
Show Gist options
  • Save opejovic/77ad9142a0fdcd4738445315650050bc to your computer and use it in GitHub Desktop.
Save opejovic/77ad9142a0fdcd4738445315650050bc to your computer and use it in GitHub Desktop.
.google-like-btn {
border-radius: 4px;
border: 0;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.25px;
line-height: 36px;
padding: 0px 24px;
display: inline-block;
cursor: pointer;
text-align: center;
transition: background 0.2s 0.1s;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.google-like-btn:hover {
border-radius: 4px;
text-decoration: none;
border: 0;
}
.google-like-btn:focus {
border-color: inherit;
outline: none;
}
.google-like-btn-confirm {
background-color: #1a73e8;
color: rgb(255, 255, 255);
}
.google-like-btn-confirm:hover,
.google-like-btn-confirm:focus {
background-color: #4687db;
color: rgb(255, 255, 255);
}
.google-like-btn-dismiss {
background-color: transparent;
color: #5f6368;
}
.google-like-btn-dismiss:hover {
background-color: #5f63681a;
color: #5f6368;
}
.google-like-btn-dismiss:focus {
-webkit-box-shadow: none;
box-shadow: inset 1px 10px 50px #767a7e8a;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment