.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 .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;}
    }
  }
}