.button {
    display: flex;
    height: 46px;
    min-width: 180px;
    padding: 16px;
    justify-content: space-between;
    align-items: center;
    gap: 9.5px;
    font-size: 10.524px;
    background-color: var(--gray-800);
    color: #fff;
    position: relative;
    font-family: var(--family-en);
    font-style: italic;
    /* line-height: 140%; */
}
/* <a href="<?php echo home_url("/"); ?>" class="button before">お問い合わせ</a> */

.button.next::after {
    content: "";
    background: url(../../images/common/icon-arrowRight-white.svg) no-repeat center center / contain;
    /* width: 15px; */
    width: 20px;
    /* height: 5px; */
    height: 9px;
    display: inline-block;
}
.button.before {
    background-color: var(--gray-500);
}
.button.before::before {
    content: "";
    background: url(../../images/common/icon-arrowRight-white.svg) no-repeat center center / contain;
    width: 20px;
    height: 9px;
    display: inline-block;
    transform: scale(-1, 1);
}
.bg-red {
    background-color: var(--main-red);
}
.justify-center {
    justify-content: center;
}