HTML代码：

<div class="btn-group earthContainer">
<a href="AAA" target="_blank" type="button" class="btn btn-dark">AAA</a>
<a href="AAA" target="_blank" type="button" class="btn btn-danger">BBB</a>
<a href="AAA" target="_blank" type="button" class="btn btn-dark">CCC</a>
<a href="AAA" target="_blank" type="button" class="btn btn-danger">DDD</a>
</div>

<div class="card btn-group earthContainer mb-3">
<a href="AAA" type="button" class="btn btn-light">主页</a>
<a href="AAA" type="button" class="btn btn-light">喜剧</a>
<a href="AAA" type="button" class="btn btn-light">爱情</a>
<a href="AAA" type="button" class="btn btn-light">悬疑</a>
<a href="AAA" type="button" class="btn btn-danger">动作</a>
<a href="AAA" type="button" class="btn btn-light">科幻</a>
<a href="AAA" type="button" class="btn btn-light">动画</a>
<a href="AAA" type="button" class="btn btn-light">剧情</a>
<a href="AAA" type="button" class="btn btn-light">纪录片</a>
<a href="AAA" type="button" class="btn btn-light">其它</a>
</div>

CSS代码：

<!-------------按钮组美化---------------->
<style>
.earthContainer {
display: flex;
flex-direction: row;
}
</style>
<!-------------按钮组美化---------------->