Button (horicontal-aligned-center)
CODE
×
HTML
<div class='w100 center'> <button class='btn btn-primary'>Who we are</button> </div>
CSS
button.btn.btn-primary { font-family: var(--headline-font-h2-und-kleiner-1); font-style: var(--headline-font-h2-und-kleiner-2); font-weight: var(--headline-font-h2-und-kleiner-3); font-size: var(--fs-l); border-top-left-radius: var(--br2-1); border-top-right-radius: var(--br2-2); border-bottom-left-radius: var(--br2-3); border-bottom-right-radius: var(--br2-4); border-width: var(--lw3); padding-left: var(--pl-b); padding-bottom: var(--pb-b); padding-right: var(--pr-b); padding-top: var(--pt-b); width:auto; letter-spacing: var(--bls); word-spacing: var(--bws); text-transform: var(--btt); color: var(--fpb); background-color: var(--bsc2); border-color: var(--lsc2); margin-top: 38px; margin-bottom: 24px; padding-top: 16px; padding-right: 46px; padding-bottom: 16px; padding-left: 46px; } button.btn.btn-primary:hover, button.btn.btn-primary:focus { border-color: var(--lsc1); background-color: var(--bsc1); color: var(--fsc2); } @media screen and (max-width: 991px) { button.btn.btn-primary { font-size: var(--fs-m); } } @media screen and (max-width: 575px) { button.btn.btn-primary { margin-top: 24px; } } @media screen and (max-width: 389px) { button.btn.btn-primary { width: 100%; } }
JS
Button (horicontal-aligned-center)
Last Edit: Oct 24, 2023, 3:13pm
×
Who we are