.quick-btn-wrap {
    position: relative;
    width: 100%;
    margin-top: 20px;
    border: 1px solid var(--line-color);
    .item {
        float: left;
        width: 12.5%;
        text-align: center;
        padding: 20px 0;
        cursor: pointer;
        &:not(:first-child) {
            border-left: 1px solid var(--line-color);
        }
        &:hover {
            > img {
                top: -5px;
            }
            > p {
                color: var(--main-color);
            }
        }
        > img {
            width: 45px;
            height: 45px;
            position: relative;
            top: 0;
            transition: top 0.25s;
        }
        > p {
            font-size: 1.3rem;
            font-weight: 600;
            color: #333;
            padding-top: 10px;
        }
    }
}

@media (max-width: 1200px) {
    .quick-btn-wrap {
        margin-top: 15px;
        .item {
            width: 25%;
            &:nth-child(-n + 5) {
                border-bottom: 1px solid var(--line-color);
            }
            &:nth-child(5) {
                border: 0;
            }
        }
    }
}
@media (max-width: 650px) {
    .quick-btn-wrap {
        .item {
            padding: 13px 0;
            > img {
                width: 35px;
                height: 35px;
            }
            > p {
                font-size: 1.1rem;
                letter-spacing: -1px;
            }
        }
    }
}