/* Raised, tactile feedback for controls that perform an action. */
:is(
  .wp-block-button__link,
  .wp-element-button,
  a.button,
  button.button,
  .wc-block-components-button,
  button[type="submit"],
  input[type="submit"],
  .loneslice-workshop-collection-link,
  .loneslice-video-topic > a,
  .loneslice-home-video-fullscreen-hint a
) {
  cursor: pointer !important;
  touch-action: manipulation;
  box-shadow: 0 8px 0 rgba(45, 32, 23, .34), 0 12px 22px rgba(32, 32, 32, .22) !important;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
  will-change: transform;
}

:is(
  .wp-block-cover:has(a[href*="loneslice-artisan-12-inch-sourdough-bread-knife-oak"]),
  .wp-block-cover:has(a[href*="loneslice-texas-brisket-knife-12-inch-walnut"]),
  .wp-block-cover:has(a[href*="loneslice-rewards-status"]),
  .wp-block-cover:has(a[href*="about-the-blade"]),
  .wp-block-cover:has(a[href*="family-story"])
) {
  cursor: pointer !important;
  box-shadow: 0 8px 0 rgba(45, 32, 23, .34), 0 12px 22px rgba(32, 32, 32, .22) !important;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
  will-change: transform;
}

@media (hover: hover) {
  :is(
    .wp-block-button__link,
    .wp-element-button,
    a.button,
    button.button,
    .wc-block-components-button,
    button[type="submit"],
    input[type="submit"],
    .loneslice-workshop-collection-link,
    .loneslice-video-topic > a,
    .loneslice-home-video-fullscreen-hint a
  ):hover,
  :is(
    .wp-block-cover:has(a[href*="loneslice-artisan-12-inch-sourdough-bread-knife-oak"]),
    .wp-block-cover:has(a[href*="loneslice-texas-brisket-knife-12-inch-walnut"]),
    .wp-block-cover:has(a[href*="loneslice-rewards-status"]),
    .wp-block-cover:has(a[href*="about-the-blade"]),
    .wp-block-cover:has(a[href*="family-story"])
  ):hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 11px 0 rgba(45, 32, 23, .3), 0 17px 28px rgba(32, 32, 32, .25) !important;
    filter: brightness(1.035);
  }
}

:is(
  .wp-block-button__link,
  .wp-element-button,
  a.button,
  button.button,
  .wc-block-components-button,
  button[type="submit"],
  input[type="submit"],
  .loneslice-workshop-collection-link,
  .loneslice-video-topic > a,
  .loneslice-home-video-fullscreen-hint a
):active,
:is(
  .wp-block-cover:has(a[href*="loneslice-artisan-12-inch-sourdough-bread-knife-oak"]),
  .wp-block-cover:has(a[href*="loneslice-texas-brisket-knife-12-inch-walnut"]),
  .wp-block-cover:has(a[href*="loneslice-rewards-status"]),
  .wp-block-cover:has(a[href*="about-the-blade"]),
  .wp-block-cover:has(a[href*="family-story"])
):active {
  transform: translateY(5px) scale(.985) !important;
  box-shadow: 0 2px 0 rgba(45, 32, 23, .38), 0 5px 10px rgba(32, 32, 32, .18) !important;
  filter: brightness(.97);
  transition-duration: .06s !important;
}

:is(
  .wp-block-button__link,
  .wp-element-button,
  a.button,
  button.button,
  .wc-block-components-button,
  button[type="submit"],
  input[type="submit"],
  .loneslice-workshop-collection-link,
  .loneslice-video-topic > a,
  .loneslice-home-video-fullscreen-hint a
):focus-visible {
  outline: 3px solid #d79a2b !important;
  outline-offset: 4px !important;
}

@media (prefers-reduced-motion: reduce) {
  :is(
    .wp-block-button__link,
    .wp-element-button,
    a.button,
    button.button,
    .wc-block-components-button,
    button[type="submit"],
    input[type="submit"],
    .loneslice-workshop-collection-link,
    .loneslice-video-topic > a,
    .loneslice-home-video-fullscreen-hint a
  ),
  .wp-block-cover:has(a) {
    transition: none !important;
  }
}