Submit Buttons
CODE
×
HTML
<div class='submit-buttons'> <button class='primary'>Primary Action</button> <button class='secondary'>Secondary Action</button> </div>
CSS
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.secondary { font-size: 16px; line-height: 26px; line-height: 125%; background-color: var(--white); color: rgba(112,112,112,1); display: inline-block; height: 49px; border-radius: 49px; border: 1px solid #4E4E4E; padding: 0 40px ; vertical-align: middle; margin: 40px 30px 40px -1px; transition: transform 250ms ease-in-out; text-align:center; cursor:pointer; } button.primary:hover, button.primary:focus { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); } button.secondary:hover, button.secondary:focus { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); }
JS
Submit Buttons
Erstellt: 24.08.2021 - 19:20 Uhr
Letzte Änderung: 15.01.2025 - 10:47 Uhr
×
Primary Action
Secondary Action