.btn_title {
    display: flex;          /* 使用 flex 布局 */
    align-items: center;    /* 垂直置中 */
    justify-content: center; /* 水平置中 */
    text-decoration: none;  /* 移除連結底線 */
    padding: 8px 16px;     /* 適當的內距 */
    width: 100%;           /* 寬度 100% */
    gap: 8px;             /* 圖示和文字之間的間距 */
    font-size: 130%;
    margin: 6px 0px;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    padding: 6px 15px;
    background: #5380f7;
    color: #ffffff;
    overflow: hidden;
}

.btn_title i {
    display: flex;         /* 讓圖示也使用 flex */
    align-items: center;   /* 圖示垂直置中 */
    justify-content: center; /* 圖示水平置中 */
}

.btn_title span {
    display: inline-block; /* 讓文字區塊化 */
    vertical-align: middle; /* 文字垂直置中 */
    /* text-shadow: 1px 1px 2px #000000; */
}

.btn_title .material-icons {
    position: relative;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
}
.btn_title .material-icons .fas ,
.btn_title .material-icons .fa-solid {
    position: absolute;
}

/* .btn_title:hover .material-icons {
    -webkit-animation: ripple 0.6s linear infinite;
    animation: ripple 0.6s linear infinite;
}

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 #112fb61a,
            0 0 0 20px #112fb61A, 0 0 0 40px #112fb61A,
            0 0 0 60px #112fb61A;
    }

    100% {
        box-shadow: 0 0 0 20px #112fb61A,
            0 0 0 40px #112fb61A, 0 0 0 60px #112fb61A,
            0 0 0 80px #112fb600;
    }
} */