.heading-buttons-inner {
    max-width: var(--max-width-lg);
    margin: var(--margin-auto);
    text-align: center;
}
.heading-buttons-heading {
    margin-bottom: 24px;
}
.heading-buttons-buttons {
    display: var(--display-flex);
    flex-wrap: var(--flex-wrap);
    gap: var(--gap-sm);
    justify-content: center;
}
.heading-buttons-button {
    padding: 12px 24px;
    font-size: var(--font-md);
    transition: opacity .2s ease;
}
.heading-buttons-button:hover {
    opacity: var(--opacity);
}
@media (max-width: 768px) {
    .heading-buttons-inner {
        text-align: center;
    }
    .heading-buttons-buttons {
        justify-content: center;
    }
}