Primary Button n-active
CODE
×
HTML
<button class='primary not-active'>Button</button>
CSS
button.primary.not-active { text-align:center; background-color: rgba(222,222,222,1); color: var(--white); font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 26px; line-height: 125%; display: inline-block; height: 49px; border-radius: 49px; border: none; padding: 12px 40px; vertical-align: middle; margin: 40px 30px 40px -1px; transition: transform 250ms ease-in-out; cursor: default; } button.primary.not-active:hover, button.primary.not-active:focus { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } button.primary { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 26px; line-height: 125%; background-color: rgba(78,78,78,1); color: var(--white); text-align:center; display: inline-block; height: 49px; border-radius: 49px; border: none; padding: 12px 40px; vertical-align: middle; margin: 40px 30px 40px -1px; transition: transform 250ms ease-in-out; cursor: pointer; } button.primary:hover, button.primary:focus { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); }
JS
Primary Button n-active
×
Button