/* =========================================================
   COMPONENT — WISHLIST BUTTON
   ========================================================= */

.pt-wl-btn {
  width: var(--pt-btn-h) !important;
  min-width: var(--pt-btn-h) !important;
  max-width: var(--pt-btn-h) !important;
  height: var(--pt-btn-h) !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
  margin-left: auto !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border: 1px solid rgba(0,0,0,.20) !important;
  border-radius: 6px !important;
  background: #fff !important;

  cursor: pointer !important;
  transition: border-color .15s, background .15s !important;

  appearance: none !important;
  -webkit-appearance: none !important;
  line-height: 1 !important;
}

/* SVG */

.pt-wl-btn svg,
.pt-wl-btn svg path {
  fill: none !important;
  stroke: #111 !important;
  stroke-width: 1.8px !important;
  transition: fill .15s, stroke .15s !important;
  pointer-events: none !important;
}

/* HOVER */

.pt-wl-btn:hover {
  border-color: rgba(0,0,0,.35) !important;
}

.pt-wl-btn:hover svg,
.pt-wl-btn:hover svg path {
  fill: #111 !important;
  stroke: #111 !important;
}

/* ATIVO */

.pt-wl-btn.pt-wl-active svg,
.pt-wl-btn.pt-wl-active svg path {
  fill: #111 !important;
  stroke: #111 !important;
}

/* LOADING */

.pt-wl-btn.pt-wl-loading {
  opacity: .55 !important;
  pointer-events: none !important;
}