/* Cutting Paths Likes. The heart rules are WP ULike's own "wpulike-heart" template styles (so the site's existing
   Additional CSS for .wpulike, .wp_ulike_btn and .count-box keeps working), with the site's custom heart images. */
.wpulike *, .wpulike :before, .wpulike :after { box-sizing: inherit; }
.wpulike .wp_ulike_general_class { align-items: center; max-width: 100%; display: inline-flex; }
.wpulike button.wp_ulike_btn {
  vertical-align: middle; box-shadow: none; text-align: center; cursor: pointer; font-family: inherit; font-size: 15px;
  line-height: inherit; -webkit-appearance: none; appearance: none; text-transform: none; letter-spacing: normal;
  width: auto; max-width: none; font-weight: inherit; border: none; border-radius: .25em; margin: 0; padding: 1em;
  transition: none; display: inline-block; position: relative;
}
.wpulike button.wp_ulike_btn:hover, .wpulike button.wp_ulike_btn:active, .wpulike button.wp_ulike_btn:focus { outline: none; }
.wpulike button.wp_ulike_btn:focus-visible { outline: 2px solid #0e39ff; outline-offset: 2px; }
.wpulike button.wp_ulike_btn::-moz-focus-inner { border: 0; }
.wpulike button.wp_ulike_btn:disabled { cursor: progress; }
.wpulike button.wp_ulike_btn:disabled:hover, .wpulike button.wp_ulike_btn:disabled:active, .wpulike button.wp_ulike_btn:disabled:focus { background-color: initial; outline: none; }
.wpulike.wpulike-hide-counter .count-box, .wpulike .count-box:empty { display: none; }

.wpulike-heart .wp_ulike_general_class { border-radius: .25em; padding: 5px; box-shadow: inset 0 0 0 1px #bdbdbd; }
.wpulike-heart button.wp_ulike_btn { background: 0 0; padding: 15px; }
.wpulike-heart button.wp_ulike_btn:hover, .wpulike-heart button.wp_ulike_btn:focus { color: #757575; background-color: transparent; text-decoration: none; }
.wpulike-heart .wp_ulike_put_image { background: 0 0; padding: 15px; }
.wpulike-heart .wp_ulike_put_image:disabled:hover, .wpulike-heart .wp_ulike_put_image:disabled:active, .wpulike-heart .wp_ulike_put_image:disabled:focus { padding: 15px; }
.wpulike-heart .wp_ulike_put_image:after {
  content: ""; background: url(https://media.cuttingpaths.com/wp-content/uploads/2023/02/22163327/heart-regular.svg) 50%/contain no-repeat;
  width: 20px; height: 20px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%) translateY(-50%);
}
.wpulike-heart .wp_ulike_put_image.wp_ulike_btn_is_active:after {
  background-image: url(https://media.cuttingpaths.com/wp-content/uploads/2023/02/22163326/heart-solid.svg);
}
.wpulike-heart .count-box {
  color: #616161; text-align: center; vertical-align: middle; padding: 0 5px; font-size: 14px; font-weight: 600;
  line-height: 28px; text-decoration: none; display: inline-block;
}