이파일들은 AI로 정리했음 참고할것
display:flex; → 버튼을 가로로 정렬
justify-content:center; → 가운데 정렬
gap:40px; → 버튼 사이 간격 조절
flex-wrap:wrap; → 화면이 좁으면 자동 줄바꿈

간격을 더 넓히고 싶으면:

gap: 80px;

간격을 좁히고 싶으면:

gap: 20px;








<style>
/* ===============================
   버튼 전용 영역
   =============================== */
.btn96-wrap{
    background: #ffffff;

    /* 버튼만 중앙 정렬 */
    text-align: center;

    /* 위아래 여백 */
    padding: 30px 0;

    /* 전체 페이지에 영향 없음 */
    width: 100%;
    box-sizing: border-box;

    font-family: Arial, Helvetica, sans-serif;
}








      .button-60 {
        transform: rotate(-25deg) skew(25deg);
        transform-style: preserve-3d;
        position: relative;
        list-style: none;
        width: 100px;
        height: 32px;
        border: none;
        background: transparent;
        font-family: inherit;
        cursor: pointer;
        margin-bottom: 12px;
      }

      .button-60:before {
        content: '';
        position: absolute;
        bottom: -10px;
        left: -5px;
        width: 100%;
        height: 10px;
        background: #2a2a2a;
        transform: skewX(-41deg);
      }

      .button-60:after {
        content: '';
        position: absolute;
        top: 5px;
        left: -9px;
        width: 9px;
        height: 100%;
        background: #2a2a2a;
        transform: skewY(-49deg);
      }

      .button-60 span {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #2a2a2a;
        color: #fff;
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 1.1s ease-out;
      }

      .button-60:hover span {
        z-index: 1000;
        transition: .3s;
        color: #fff;
      }

      .button-60:hover span:nth-child(5) {
        transform: translate(40px, -40px);
        opacity: 1;
      }

      .button-60:hover span:nth-child(4) {
        transform: translate(30px, -30px);
        opacity: .8;
      }

      .button-60:hover span:nth-child(3) {
        transform: translate(20px, -20px);
        opacity: .6;
      }

      .button-60:hover span:nth-child(2) {
        transform: translate(10px, -10px);
        opacity: .4;
      }

      .button-60:hover span:nth-child(1) {
        transform: translate(0px, 0px);
        opacity: .2;
      }

      .button-60:active span:nth-child(5) {
        transform: translate(20px, -20px);
        opacity: 1;
      }

      .button-60:active span:nth-child(4) {
        transform: translate(15px, -15px);
      }

      .button-60:active span:nth-child(3) {
        transform: translate(10px, -10px);
      }

      .button-60:active span:nth-child(2) {
        transform: translate(5px, -5px);
      }

      .button-60:active span:nth-child(1) {
        transform: translate(0px, 0px);
      }

      .button-60:nth-child(1):hover span {
        background: #52E19F;
      }
    </style>