/*
 * LIKE BUTTON: <button> INSTEAD OF <a href="...admin-ajax.php...">
 * ===================================================================
 *
 * Companion file to va_render_simple_likes_button() in functions.php.
 * Read the big comment block above that function first — it explains why
 * the button changed from <a> to <button> at all (SEO: ~1,245 crawlable
 * /wp-admin/admin-ajax.php?action=process_simple_like links found in a
 * crawl). This file is the visual half of that fix.
 *
 * THE PROBLEM THIS FILE SOLVES
 * -----------------------------
 * A native <button> element comes with the browser's own default chrome:
 * a visible border, a grey/system background, internal padding, and a
 * platform font — none of which the old <a class="sl-button"> had. On top
 * of that, a lot of this theme's per-layout CSS (one file per blog/portfolio
 * grid style, e.g. module-blog-metro.css, module-portfolio-square.css, etc.)
 * styles the button using an ELEMENT-TYPE selector, e.g.:
 *
 *     .blog-metro article.post-entry .post-metro-inner .post-like a { ... }
 *
 * That selector requires the element to literally be an <a> tag — a CSS
 * descendant/child combinator followed by a bare "a" only matches an actual
 * anchor element, not any button or span. Now that the element is a
 * <button>, none of those original rules match it any more, so without this
 * file the button would fall back to raw browser defaults and look broken
 * on every layout.
 *
 * THE FIX
 * -------
 * 1. A base reset (below) strips the <button> back down to bare, unstyled
 *    inline content — border, background, padding, font, cursor all reset —
 *    so it starts from the same blank slate the old <a> did.
 * 2. Every single one of the parent theme's ".post-like a" (and similar)
 *    rules that requires an <a> tag is duplicated below with "a" swapped
 *    for "button", keeping the declarations byte-for-byte identical. This
 *    was done by programmatically extracting every such rule from the
 *    parent theme's compiled CSS (module-blog-*.css, module-portfolio-*.css,
 *    module-widgets.css, app.css) to avoid any manual transcription mistakes,
 *    then reviewed by hand.
 *
 * These rules are purely ADDITIVE — they target a selector (".post-like
 * button") that never existed before, so they can never conflict with or
 * override anything already on the page. The original ".post-like a" rules
 * are left completely alone in the parent theme; they just no longer match
 * anything, which is fine since there's no <a> left for them to match.
 *
 * CSS rules that were already class-only (no tag requirement), e.g.
 * ".wtbx-like-button", ".sl-count", ".wtbx-like-label" in module-share.css —
 * are NOT duplicated here, because they already apply to a <button> exactly
 * as they did to an <a>; nothing about them depends on the tag name.
 */

/* ---------------------------------------------------------------------------
 * BASE RESET
 * Strips all native <button> UA-stylesheet chrome so the element starts out
 * identical to a bare, unstyled <a> — display:inline (an <a>'s default,
 * vs. a <button>'s default of inline-block), no border/background/padding,
 * and font/color/line-height/text-align inherited from the surrounding
 * content instead of the browser's platform button styling.
 * ------------------------------------------------------------------------- */
button.sl-button {
  display: inline;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  line-height: inherit;
  text-align: inherit;
  cursor: pointer;
}

/* Firefox adds its own inner dotted focus border + padding to <button> on
   top of the UA stylesheet defaults above — this removes that specifically. */
button.sl-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* =============================================================================
 * BLOG CARD LAYOUTS
 * Each of these mirrors one parent-theme CSS file. Which one is in effect on
 * a given page depends on the blog grid layout chosen in the page/theme
 * settings (Default / Metro / Magazine / Masonry / Side-by-side / Minimal /
 * Boxed) — a page will typically only use one, but all seven are covered
 * here since any of them could be selected for any given blog listing.
 * ========================================================================== */

/* ----- Boxed layout — mirrors module-blog-boxed.css ----- */
.wtbx-grid-boxed article.post-entry .post-entry-footer .post-like button {
  display: block;
}
.wtbx-grid-boxed article.post-entry .post-entry-footer .post-like button > * {
  line-height: 20px;
  font-size: .928571em;
}
.wtbx-grid-boxed article.post-entry .post-entry-footer .post-like button > i {
  font-size: 1.230769em;
  float: left;
  position: relative;
  top: 2px;
  color: inherit;
}

/* ----- Metro layout — mirrors module-blog-metro.css -----
   Includes the hover state, the "loading" state shown while the AJAX
   request is in flight, and a mobile-only "force hover visible" state
   (app.css) used when JS detects a touch device, since hover:hover doesn't
   apply the same way on mobile. */
.blog-metro article.post-entry .post-metro-inner .post-like button {
  display: block;
  text-shadow: none;
  white-space: nowrap;
  font-size: .857143em;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
}
.blog-metro article.post-entry .post-metro-inner .post-like button i {
  display: inline-block;
  font-size: 1.2em;
  line-height: 26px;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  color: #fff;
  margin-right: .3em;
  margin-top: .05em;
}
.blog-metro article.post-entry .post-metro-inner .post-like button span {
  height: 26px;
  line-height: 26px;
  color: #fff;
  float: right;
  -webkit-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -moz-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -ms-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
}
.blog-metro article.post-entry .post-metro-inner .post-like button.loading {
  pointer-events: none;
}
.blog-metro article.post-entry .post-metro-inner .post-like button.loading i {
  opacity: 1;
  -moz-transform: scale3d(1.1, 1.1, 1);
  -o-transform: scale3d(1.1, 1.1, 1);
  -ms-transform: scale3d(1.1, 1.1, 1);
  -webkit-transform: scale3d(1.1, 1.1, 1);
  -webkit-transform: -webkit-scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
  -o-animation: pulse 0.7s infinite;
  -moz-animation: pulse 0.7s infinite;
  -webkit-animation: pulse 0.7s infinite;
  animation: pulse 0.7s infinite;
}
.blog-metro article.post-entry .post-metro-inner .post-like button.loading span {
  opacity: 0;
}
.blog-metro article.post-entry .post-metro-inner.hover .post-like button {
  opacity: 0;
  -moz-transform: scale3d(0.8, 0.8, 1);
  -o-transform: scale3d(0.8, 0.8, 1);
  -ms-transform: scale3d(0.8, 0.8, 1);
  -webkit-transform: scale3d(0.8, 0.8, 1);
  -webkit-transform: -webkit-scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
}
body.device-mobile .force_mobile_hover.wtbx_vc_blog_grid .post-metro-inner .post-like button {
  opacity: .7 !important;
}

/* ----- Magazine layout — mirrors module-blog-magazine.css ----- */
.blog-magazine article.post-entry .post-magazine-inner .post-like button {
  font-weight: 600;
  display: inline-block;
  line-height: 20px;
  border-radius: 50%;
  pointer-events: none;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
}
.blog-magazine article.post-entry .post-magazine-inner .post-like button i {
  display: none;
}
.blog-magazine article.post-entry .post-magazine-inner .post-like button span {
  display: inline-block;
  color: rgba(255, 255, 255, 0.6);
  -webkit-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -moz-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -ms-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
}
.blog-magazine article.post-entry .post-magazine-inner.hover .post-like button {
  opacity: 1;
}

/* ----- Masonry layout — mirrors module-blog-masonry.css ----- */
.blog-masonry article.post-entry .post-masonry-inner .post-masonry-footer .post-like button {
  height: 26px;
  line-height: 26px;
  display: block;
  background-color: transparent;
}
.blog-masonry article.post-entry .post-masonry-inner .post-masonry-footer .post-like button > * {
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
}
.blog-masonry article.post-entry .post-masonry-inner .post-masonry-footer .post-like button.loading {
  pointer-events: none;
}
.blog-masonry article.post-entry .post-masonry-inner .post-masonry-footer .post-like button.loading i {
  -o-animation: pulse 0.7s infinite;
  -moz-animation: pulse 0.7s infinite;
  -webkit-animation: pulse 0.7s infinite;
  animation: pulse 0.7s infinite;
}
.blog-masonry article.post-entry .post-masonry-inner .post-masonry-footer .post-like button i {
  font-size: 16px;
  width: 25px;
  line-height: 26px;
  height: 26px;
  text-align: center;
  -webkit-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
  -moz-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
  -ms-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
  -o-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
  transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
}
.blog-masonry article.post-entry .post-masonry-inner .post-masonry-footer .post-like button:hover i {
  -moz-transform: scale3d(1.1, 1.1, 1);
  -o-transform: scale3d(1.1, 1.1, 1);
  -ms-transform: scale3d(1.1, 1.1, 1);
  -webkit-transform: scale3d(1.1, 1.1, 1);
  -webkit-transform: -webkit-scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
}
.blog-masonry article.post-entry .post-masonry-inner .post-masonry-footer .post-like button span {
  font-size: 1em;
  font-weight: 600;
  line-height: 26px;
  float: right;
}

/* ----- Side-by-side layout — mirrors module-blog-sbs.css ----- */
.blog-sbs article.post-entry .post-sbs-inner .post-sbs-meta .post-like button {
  display: inline-block;
  background-color: transparent;
}
.blog-sbs article.post-entry .post-sbs-inner .post-sbs-meta .post-like button > * {
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
}
.blog-sbs article.post-entry .post-sbs-inner .post-sbs-meta .post-like button.loading {
  pointer-events: none;
}
.blog-sbs article.post-entry .post-sbs-inner .post-sbs-meta .post-like button.loading i {
  -o-animation: pulse 0.7s infinite;
  -moz-animation: pulse 0.7s infinite;
  -webkit-animation: pulse 0.7s infinite;
  animation: pulse 0.7s infinite;
}
.blog-sbs article.post-entry .post-sbs-inner .post-sbs-meta .post-like button i {
  position: relative;
  top: 1px;
  margin-right: 3px;
  -webkit-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
  -moz-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
  -ms-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
  -o-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
  transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
}
.blog-sbs article.post-entry .post-sbs-inner .post-sbs-meta .post-like button span {
  float: right;
}

/* ----- Minimal layout — mirrors module-blog-minimal.css -----
   This is the only blog layout whose original ".post-like a" rule didn't
   set an explicit `display`, relying on the browser default for <a>
   (inline). The base reset above sets `display: inline` for exactly this
   reason, so this layout needs no explicit display rule of its own. */
.wtbx-grid-minimal article.post-entry .post-entry-footer .post-like button {
  background-color: transparent;
  box-shadow: none;
}
.wtbx-grid-minimal article.post-entry .post-entry-footer .post-like button > * {
  line-height: 20px;
  font-size: .928571em;
}
.wtbx-grid-minimal article.post-entry .post-entry-footer .post-like button > i {
  font-size: 1.230769em;
  float: left;
  position: relative;
  top: 2px;
}

/* =============================================================================
 * PORTFOLIO LAYOUTS
 * ========================================================================== */

/* ----- Shared across every portfolio grid layout — mirrors
   module-portfolio-common.css. This is the base circular like button that
   appears on portfolio grid items regardless of which specific portfolio
   layout (masonry/metro/boxed/overlap/panels/slider/square/tiles) is active;
   the layout-specific files below only add refinements on top of this. ----- */
.portfolio-entry .post-like button {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  border-color: transparent !important;
  background-color: transparent;
  text-shadow: none;
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
}
.portfolio-entry .post-like button:hover {
  opacity: 1;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.portfolio-entry .post-like button i {
  display: block;
  font-size: 16px;
  line-height: 26px;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  color: #fff;
}
.portfolio-entry .post-like button span {
  height: 28px;
  line-height: 26px;
  font-size: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  color: #fff;
  -webkit-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -moz-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -ms-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
}
.portfolio-entry .post-like button:hover i {
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -webkit-transform: -webkit-scale(0.5);
  transform: scale(0.5);
  opacity: 0;
}
.portfolio-entry .post-like button:hover span {
  opacity: 1;
}
.portfolio-entry .post-like button.loading {
  pointer-events: none;
}
.portfolio-entry .post-like button.loading i {
  opacity: 1;
  -moz-transform: scale3d(1.1, 1.1, 1);
  -o-transform: scale3d(1.1, 1.1, 1);
  -ms-transform: scale3d(1.1, 1.1, 1);
  -webkit-transform: scale3d(1.1, 1.1, 1);
  -webkit-transform: -webkit-scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
  -o-animation: pulse 0.7s infinite;
  -moz-animation: pulse 0.7s infinite;
  -webkit-animation: pulse 0.7s infinite;
  animation: pulse 0.7s infinite;
}
.portfolio-entry .post-like button.loading span {
  opacity: 0;
}
.portfolio-entry.overlay-appear .wtbx-entry-inner .post-like button {
  opacity: 0;
  -moz-transform: scale(0.7);
  -o-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -webkit-transform: -webkit-scale(0.7);
  transform: scale(0.7);
}
.portfolio-entry.overlay-appear .wtbx-entry-inner:hover .post-like button {
  opacity: 1;
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -webkit-transform: -webkit-scale(1);
  transform: scale(1);
}
.portfolio-entry.overlay-disappear .post-like button {
  opacity: .4;
}
.portfolio-entry.overlay-disappear:hover .post-like button {
  opacity: 1;
}

/* ----- Boxed portfolio layout — mirrors module-portfolio-boxed.css
   (hover-state refinement on top of the shared rules above) ----- */
.portfolio-boxed article.portfolio-entry .portfolio-boxed-inner:hover .post-like button {
  opacity: .6;
  box-shadow: 0 5px 25px -4px rgba(9, 31, 67, 0.1);
}
.portfolio-boxed article.portfolio-entry .portfolio-boxed-inner:hover .post-like button .like-count {
  margin: 0;
}

/* ----- Square portfolio layout — mirrors module-portfolio-square.css
   (this layout replaces the shared circular button with its own square/
   rounded-corner white button, so it needs its own full rule set rather
   than just a refinement) ----- */
.portfolio-square article.portfolio-entry .post-like button {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #fff;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  text-shadow: none;
  opacity: 1;
  -moz-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -webkit-transform: -webkit-scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1), transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1), transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1), transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1), transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1), transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.portfolio-square article.portfolio-entry .post-like button i {
  display: block;
  font-size: 14px;
  line-height: 30px;
  -webkit-transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -moz-transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -ms-transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  -o-transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
}
.portfolio-square article.portfolio-entry .post-like button .like-count {
  line-height: 30px;
  font-size: 10px;
  position: absolute;
  margin: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.portfolio-square article.portfolio-entry .post-like button:hover {
  -moz-transform: scale3d(1.1, 1.1, 1);
  -o-transform: scale3d(1.1, 1.1, 1);
  -ms-transform: scale3d(1.1, 1.1, 1);
  -webkit-transform: scale3d(1.1, 1.1, 1);
  -webkit-transform: -webkit-scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
}
.portfolio-square article.portfolio-entry .post-like button:hover i {
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -webkit-transform: -webkit-scale(0.5);
  transform: scale(0.5);
  opacity: 0;
}
.portfolio-square article.portfolio-entry .post-like button:hover span {
  opacity: 1;
}
.portfolio-square article.portfolio-entry .post-like button.loading {
  pointer-events: none;
}
.portfolio-square article.portfolio-entry .post-like button.loading i {
  opacity: 1;
  animation: pulse 0.7s cubic-bezier(0.2, 0, 0.3, 1) infinite;
  -webkit-animation: pulse 0.7s cubic-bezier(0.2, 0, 0.3, 1) infinite;
}
.portfolio-square article.portfolio-entry .post-like button.loading span {
  opacity: 0;
}

/* =============================================================================
 * FOOTER "RECENT POSTS" WIDGET
 * mirrors module-widgets.css. This is the widget the original SEO crawl
 * specifically flagged ("footer recent posts area") alongside blog posts —
 * it renders wtbx_get_simple_likes_button() once per post in the list, via
 * wp-content/plugins/scape-core/include/widgets/widget-recent-posts.php.
 *
 * Note: `pointer-events: none` on the button itself is copied verbatim from
 * the parent theme's original rule for `.post-like a` in this widget — it was
 * already there before this fix, on the <a> version. It means the like
 * button in this specific footer widget was already mouse-unclickable by
 * design (it just displays the like count here; visitors like/unlike from
 * the post itself). This fix preserves that exact pre-existing behaviour —
 * it is not something introduced by switching to <button>.
 * ========================================================================== */
.wtbx_recent_posts_cont article .wtbx_recent_posts_content .entry-meta .post-like button {
  display: block;
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  height: auto;
  margin-left: 0;
  pointer-events: none;
}
.wtbx_recent_posts_cont article .wtbx_recent_posts_content .entry-meta .post-like button i {
  float: left;
}
.wtbx_recent_posts_cont article .wtbx_recent_posts_content .entry-meta .post-like button span {
  float: right;
  margin-left: .2em;
}