.word-input-container {
    display: flex;
    flex-direction: row;
    width: 100%;
    border-radius: 20rpx;
    background-color: #f8f8f8;
    align-items: center;

    .word-input-icon {
        // border: 1px solid red;
        padding: 22rpx;
    }

    .word-input {
        flex: 1;
        height: 92rpx;
        padding-right: 20rpx;
        // padding: 0 20rpx 0 10rpx;
        font-size: 28rpx;
        line-height: 92rpx;
    }

    .btn-word-add {
        box-sizing: border-box;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 72rpx;
        padding: 0 24rpx;
        background: rgba(255, 215, 25, 1);
        border-radius: 20rpx;
        font-size: 28rpx;
        color: #fff;
        margin-right: 10rpx;

        &.active {
            background-color: rgba(255, 215, 25, 0.8);
        }
    }
}