Secondary Button (100% width)
CODE
×
HTML
<button class='secondary w100'>AD Kanton Bern</button>
CSS
button.secondary.w100 { font-size: 16px; line-height: 26px; background-color: var(--white); 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; width:100%; margin-top: 0px; margin-right: 0px; margin-bottom: 25px; margin-left: 0px; } button.secondary.w100:hover, button.secondary.w100:focus { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); } 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.secondary:hover, button.secondary:focus { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); }
JS
Secondary Button (100% width)
barrierefrei
Erstellt: 19.09.2024 - 14:10 Uhr
Letzte Änderung: 19.09.2024 - 14:43 Uhr
×
AD Kanton Bern