Go-Next Button (horizontal)
CODE
×
HTML
<button class='go-next'><img src="img/right-arrow-white.svg" style="margin-right: 10px;height:19px;width:auto;vertical-align:middle;margin-bottom: 1px;"><span>Weiter</span><img src="img/right-arrow-white.svg" style="margin-left: 17px;height:19px;width:auto;vertical-align:middle;margin-bottom: 1px;"></button>
CSS
button.go-next { text-align:center; color: var(--white); 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); display: inline-block; height: 49px; border-radius: 49px; border: none; padding: 0 30px 0 0px; vertical-align: middle; margin: 40px 30px 40px 0; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; cursor: pointer; overflow: hidden; } @media screen and (max-width: 767px) { button.go-next { margin-top: 20px; margin-right: 0; margin-bottom: 20px; margin-left: 0; } }
JS
Go-Next Button (horizontal)
Letzte Änderung: 08.08.2024 - 20:27 Uhr
×
Weiter