我想將我的按鈕向左對(duì)齊，增加文章容器，并有一個(gè)懸停轉(zhuǎn)換。只是不知道怎么做到這一點(diǎn)。完整代碼見此處(不能全部張貼，因?yàn)樗粯?biāo)記為垃圾郵件)。

這是我目前掌握的代碼:

<div class="button-container">
                <a href="https://www.holopin.io/@drippycat" class="button primary">Holopin</a>
            </div>
        <style>
        .button-container {
        display: flex;
        transition-duration: 0.4s;
        cursor: pointer;
     }

     .button-container a.button {
       margin-right: 15px;
 }
        </style>
                                
    </article>

我想將Holopin按鈕移到左邊，并調(diào)整文章容器的大小以適合所有按鈕(見附圖)。我還希望修改按鈕，使他們有一個(gè)類似的動(dòng)畫按鈕:向右滑動(dòng)(如這里所見)。