/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./blocks/clickable-card/src/scss/view.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
/* Hover state for cards */
.wp-block-ucll-blocks-clickable-card {
  --border-color: transparent;
  --transition: var( --transition--default, 'all .3s' );
  border: 3px solid var(--border-color);
  border-radius: var(--wp--preset--border-radius--md, 4px);
  transition: var(--transition);
}
.wp-block-ucll-blocks-clickable-card:focus, .wp-block-ucll-blocks-clickable-card:focus-visible {
  --border-color: var( --wp--preset--color--black );
  transition: var(--transition);
  outline: none;
}
.wp-block-ucll-blocks-clickable-card[href] {
  cursor: pointer;
  text-decoration: none;
}
.wp-block-ucll-blocks-clickable-card[href]:hover {
  --border-color: var( --wp--preset--color--black );
  transition: var(--transition);
}
.wp-block-ucll-blocks-clickable-card[href]:hover h2, .wp-block-ucll-blocks-clickable-card[href]:hover h3 {
  text-decoration: none !important;
  transition: var(--transition);
}

/*# sourceMappingURL=view.css.map*/