.button-wrapper {display:flex; flex-wrap:wrap; gap:16px}
.button-wrapper.center {justify-content: center;}

.button {display:flex; align-items: center; padding:16px 32px; font-weight:bold; border-radius:999px; background:var(--blue); transition: background .3s;}
.button:hover {background:var(--orange);}
.button .button-text{display:flex; gap:8px; transition: color .3s; color:#fff;}
.button .button-text:after {content:'\f061'; font-family:'Font Awesome 6 Pro'; transform:rotate(-15deg); transition:transform .3s;}
.button:hover .button-text:after {transform:rotate(0deg)}

.button.secondary {background:#fff;}
.button.secondary:hover {background:var(--blue);}
.button.secondary .button-text {color:var(--darkBlue)}
.button.secondary:hover .button-text{color:#fff;}