.button-container > a.button { display: flex; background-color: var(--button); border-color: var(--button-border); border-width: 1px; box-shadow: none; color: var(--button-text); cursor: pointer; margin: 1rem 0; padding: 0.6rem; text-align: center; white-space: nowrap; justify-content: center; } .button-container > a.button:hover { background-color: var(--button-hover); } @media (min-width: 768px) { .button-container > a.button { display: inline-block; } }