/* !hoverllin.css:
https://codepen.io/sarap422/pen/PoBGJJN
Author: sarap422
Description: You know why they call it that. It has no particular meaning.
Version: 1.2.0
License: Released under the MIT license.
LicenseURI: https://opensource.org/licenses/MIT*/




/* ■フェードイン
────────────── ༚༶⊰⟡⊱༶༚༺*/
/* ベーススタイル */
:not([unhoverllin]) :is(.hvr-fadeIn,
  .hvr-fadeInBottom,
  .hvr-fadeInTop,
  .hvr-fadeInLeft,
  .hvr-fadeInRight) {
	/* trans: property | duration | easing */
	transition: all 0.3s var(--ease-out-cubic, ease-out);
	opacity: 0;
}

:not([unhoverllin]) .hvr-fadeInBottom { transform: translateY(0.15em); }
:not([unhoverllin]) .hvr-fadeInTop    { transform: translateY(-0.15em); }
:not([unhoverllin]) .hvr-fadeInLeft   { transform: translateX(-0.15em); }
:not([unhoverllin]) .hvr-fadeInRight  { transform: translateX(0.15em); }

/* :hover */
@media (any-hover: hover) {

	:not([unhoverllin]) a:where([href], [onclick]):hover :is(.hvr-fadeIn, .hvr-fadeInBottom, .hvr-fadeInTop, .hvr-fadeInLeft, .hvr-fadeInRight),
	:not([unhoverllin]) :is(.hvr-fadeIn, .hvr-fadeInBottom, .hvr-fadeInTop, .hvr-fadeInLeft, .hvr-fadeInRight):where([href], [onclick]):hover {
		transform: translate(0);
		opacity: 1;
	}
}




/* ■背景色が変化
────────────── ༚༶⊰⟡⊱༶༚༺*/
/* ベーススタイル */
:not([unhoverllin]) :is(.hvr-bgFadeIn,
.hvr-bgInBottom,
.hvr-bgInLeft,
.hvr-bgOpenIn) {
	position: relative;
	z-index: 1;
}

:not([unhoverllin]) :is(.hvr-bgFadeIn,
  .hvr-bgInBottom,
  .hvr-bgInLeft,
  .hvr-bgOpenIn)::before {
	position: absolute;
	z-index: -1;
	inset: 0;
	margin: auto;
	background-color: var(--c-accent, hsl(184, 50%, 43%));
	content: "";
	transition: all 0.5s var(--ease-out-cubic, ease-out);
}

/* 背景色：フェードイン */
:not([unhoverllin]) .hvr-bgFadeIn::before {
	opacity: 0;
}

/* 背景色：下から */
:not([unhoverllin]) .hvr-bgInBottom::before {
	transform: scaleY(0);
	transform-origin: 0% 100%;
}

/* 背景色：左から */
:not([unhoverllin]) .hvr-bgInLeft::before {
	transform: scaleX(0);
	transform-origin: 0% 50%;
}

/* 背景色：中央から */
:not([unhoverllin]) .hvr-bgOpenIn::before {
	transform: scaleX(0);
	transform-origin: 50% 50%;
}

/* :hover */
@media (any-hover: hover) {

	:not([unhoverllin]) a:where([href], [onclick]):hover :is(.hvr-bgFadeIn, .hvr-bgInBottom, .hvr-bgInLeft, .hvr-bgOpenIn)::before,
	:not([unhoverllin]) :is(.hvr-bgFadeIn, .hvr-bgInBottom, .hvr-bgInLeft, .hvr-bgOpenIn):where([href], [onclick]):hover::before {
		transform: scale(1);
		opacity: 1;
	}
}




/* ■オーバーレイ
────────────── ༚༶⊰⟡⊱༶༚༺*/
/* ベーススタイル */
:not([unhoverllin]) :is(.hvr-layFadeIn,
.hvr-layInBottom,
.hvr-layInLeft,
.hvr-layOpenIn) {
	position: relative;
	z-index: 1;
}

:not([unhoverllin]) :is(.hvr-layFadeIn,
  .hvr-layInBottom,
  .hvr-layInLeft,
  .hvr-layOpenIn)::after {
	position: absolute;
	z-index: 10;
	inset: 0;
	margin: auto;
	content: "";
	/* trans: property | duration | easing */
	transition: all 0.5s var(--ease-out-cubic, ease-out);
	background-color: var(--hover-color, inherit);
	mix-blend-mode: overlay;
}

/* オーバーレイ：フェードイン */
:not([unhoverllin]) .hvr-layFadeIn::after {
	opacity: 0;
}

/* オーバーレイ：下から */
:not([unhoverllin]) .hvr-layInBottom::after {
	transform: scaleY(0);
	transform-origin: 0% 100%;
}

/* オーバーレイ：左から */
:not([unhoverllin]) .hvr-layInLeft::after {
	transform: scaleX(0);
	transform-origin: 0% 50%;
}

/* オーバーレイ：中央から */
:not([unhoverllin]) .hvr-layOpenIn::after {
	transform: scaleX(0);
	transform-origin: 50% 50%;
}

/* :hover */
@media (any-hover: hover) {

	:not([unhoverllin]) a:where([href], [onclick]):hover :is(.hvr-layFadeIn, .hvr-layInBottom, .hvr-layInLeft, .hvr-layOpenIn),
	:not([unhoverllin]) :is(.hvr-layFadeIn, .hvr-layInBottom, .hvr-layInLeft, .hvr-layOpenIn):where([href], [onclick]):hover {
		opacity: 1;
	}

	:not([unhoverllin]) a:where([href], [onclick]):hover :is(.hvr-layFadeIn, .hvr-layInBottom, .hvr-layInLeft, .hvr-layOpenIn)::after,
	:not([unhoverllin]) :is(.hvr-layFadeIn, .hvr-layInBottom, .hvr-layInLeft, .hvr-layOpenIn):where([href], [onclick]):hover::after {
		transform: scale(1);
		opacity: 0.5;
	}
}




/* ■幕が消える
────────────── ༚༶⊰⟡⊱༶༚༺*/
/* ベーススタイル */
:not([unhoverllin]) :is(.hvr-coatFadeOut,
.hvr-coatOutTop,
.hvr-coatOutBottom,
.hvr-coatOutLeft,
.hvr-coatOutRight) {
	position: relative;
	z-index: 1;
}

:not([unhoverllin]) :is(.hvr-coatFadeOut,
  .hvr-coatOutTop,
  .hvr-coatOutBottom,
  .hvr-coatOutLeft,
  .hvr-coatOutRight)::after {
	position: absolute;
	z-index: 10;
	inset: 0;
	margin: auto;
	background-color: hsla(0, 0%, 0%, 0.3);
	mix-blend-mode: multiply;
	content: "";
	/* trans: property | duration | easing */
	transition: all 0.5s var(--ease-out-cubic, ease-out);
}

/* 幕消去：上へ消える */
:not([unhoverllin]) .hvr-coatOutTop::after    { transform-origin: 50% 0%; }
/* 幕消去：下へ消える */
:not([unhoverllin]) .hvr-coatOutBottom::after { transform-origin: 0% 100%; }
/* 幕消去：左へ消える */
:not([unhoverllin]) .hvr-coatOutLeft::after   { transform-origin: 0% 50%; }
/* 幕消去：右へ消える */
:not([unhoverllin]) .hvr-coatOutRight::after  { transform-origin: 100% 50%; }

/* :hover */
@media (any-hover: hover) {

	:not([unhoverllin]) a:where([href], [onclick]):hover :is(.hvr-coatFadeOut, .hvr-coatOutTop, .hvr-coatOutBottom, .hvr-coatOutLeft, .hvr-coatOutRight),
	:not([unhoverllin]) :is(.hvr-coatFadeOut, .hvr-coatOutTop, .hvr-coatOutBottom, .hvr-coatOutLeft, .hvr-coatOutRight):where([href], [onclick]):hover {
		opacity: 1;
	}

	:not([unhoverllin]) a:where([href], [onclick]):hover .hvr-coatFadeOut::after,
	:not([unhoverllin]) .hvr-coatFadeOut:where([href], [onclick]):hover::after {
		opacity: 0;
	}

	:not([unhoverllin]) a:where([href], [onclick]):hover :is(.hvr-coatOutTop, .hvr-coatOutBottom)::after,
	:not([unhoverllin]) :is(.hvr-coatOutTop, .hvr-coatOutBottom):where([href], [onclick]):hover::after {
		transform: scaleY(0);
	}

	:not([unhoverllin]) a:where([href], [onclick]):hover :is(.hvr-coatOutLeft, .hvr-coatOutRight)::after,
	:not([unhoverllin]) :is(.hvr-coatOutLeft, .hvr-coatOutRight):where([href], [onclick]):hover::after {
		transform: scaleX(0);
	}
}




/* ■ブラーが消える
────────────── ༚༶⊰⟡⊱༶༚༺*/
/* ベーススタイル */
:not([unhoverllin]) :is(.hvr-blurFadeOut,
.hvr-blurOutTop,
.hvr-blurOutBottom,
.hvr-blurOutLeft,
.hvr-blurOutRight) {
	position: relative;
	z-index: 1;
}

:not([unhoverllin]) :is(.hvr-blurFadeOut,
  .hvr-blurOutTop,
  .hvr-blurOutBottom,
  .hvr-blurOutLeft,
  .hvr-blurOutRight)::after {
	-webkit-backdrop-filter: blur(4px);
	position: absolute;
	z-index: 10;
	inset: 0;
	margin: auto;
	backdrop-filter: blur(4px);
	content: "";
	/* trans: property | duration | easing */
	transition: all 1s var(--ease-out-cubic, ease-out) 0.25s;
}

/* ブラー：上へ消える */
:not([unhoverllin]) .hvr-blurOutTop::after    { transform-origin: 50% 0%; }
/* ブラー：下へ消える */
:not([unhoverllin]) .hvr-blurOutBottom::after { transform-origin: 0% 100%; }
/* ブラー：左へ消える */
:not([unhoverllin]) .hvr-blurOutLeft::after   { transform-origin: 0% 50%; }
/* ブラー：右へ消える */
:not([unhoverllin]) .hvr-blurOutRight::after  { transform-origin: 100% 50%; }

/* :hover */
@media (any-hover: hover) {

	:not([unhoverllin]) a:where([href], [onclick]):hover .hvr-blurFadeOut::after,
	:not([unhoverllin]) .hvr-blurFadeOut:where([href], [onclick]):hover::after {
		opacity: 0;
	}

	:not([unhoverllin]) a:where([href], [onclick]):hover :is(.hvr-blurOutTop, .hvr-blurOutBottom)::after,
	:not([unhoverllin]) :is(.hvr-blurOutTop, .hvr-blurOutBottom):where([href], [onclick]):hover::after {
		transform: scaleY(0);
	}

	:not([unhoverllin]) a:where([href], [onclick]):hover :is(.hvr-blurOutLeft, .hvr-blurOutRight)::after,
	:not([unhoverllin]) :is(.hvr-blurOutLeft, .hvr-blurOutRight):where([href], [onclick]):hover::after {
		transform: scaleX(0);
	}
}




/* ■テキスト押し出し
────────────── ༚༶⊰⟡⊱༶༚༺*/
/* ベーススタイル（構造） */
:not([unhoverllin]) .hvr-pushOutIn {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 1.5em;
	/* はみ出し分のhover無効 */
	pointer-events: none;
	overflow: hidden;
}

:not([unhoverllin]) .hvr-pushOutIn rb {
	position: absolute;
	margin: auto;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	transition: all 0.3s var(--ease-out-cubic, ease-out);
	transform: translateX(0%);
}

:not([unhoverllin]) .hvr-pushOutIn rt {
	position: absolute;
	margin: auto;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	transition: all 0.3s var(--ease-out-cubic, ease-out);
	font-size: 90%;
	transform: translateX(120%);
	opacity: 0;
}

/* :hover */
@media (any-hover: hover) {

	:not([unhoverllin]) a:where([href], [onclick]):hover .hvr-pushOutIn>rb,
	:not([unhoverllin]) .hvr-pushOutIn:where([href], [onclick]):hover>rb {
		transform: translateX(-120%);
		opacity: 0;
	}

	:not([unhoverllin]) a:where([href], [onclick]):hover .hvr-pushOutIn>rt,
	:not([unhoverllin]) .hvr-pushOutIn:where([href], [onclick]):hover>rt {
		transform: translateX(0%);
		opacity: 1;
	}
}




/* ■ムーブトゥ
────────────── ༚༶⊰⟡⊱༶༚༺*/
/* ベーススタイル */
:not([unhoverllin]) :is(.hvr-moveToUp,
  .hvr-moveToDown,
  .hvr-moveToBack,
  .hvr-moveToFore) {
	/* trans: property | duration | easing | delay */
	transition: all 0.3s var(--ease-out-cubic, ease-out);
}

/* :hover */
@media (any-hover: hover) {

	:not([unhoverllin]) a:where([href], [onclick]):hover .hvr-moveToUp,
	:not([unhoverllin]) .hvr-moveToUp:where([href], [onclick]):hover {
		transform: translateY(-0.15em);
	}

	:not([unhoverllin]) a:where([href], [onclick]):hover .hvr-moveToDown,
	:not([unhoverllin]) .hvr-moveToDown:where([href], [onclick]):hover {
		transform: translateY(0.15em);
	}

	:not([unhoverllin]) a:where([href], [onclick]):hover .hvr-moveToBack,
	:not([unhoverllin]) .hvr-moveToBack:where([href], [onclick]):hover {
		transform: translateX(-0.15em);
	}

	:not([unhoverllin]) a:where([href], [onclick]):hover .hvr-moveToFore,
	:not([unhoverllin]) .hvr-moveToFore:where([href], [onclick]):hover {
		transform: translateX(0.15em);
	}
}




/* ■縮小、拡大
────────────── ༚༶⊰⟡⊱༶༚༺*/
/* ベーススタイル */
:not([unhoverllin]) .hvr-grow,
:not([unhoverllin]) .hvr-shrink {
	/* trans : property | duration | easing | delay */
	transition: all 0.3s ease-in 0s;
}

:not([unhoverllin]) .hvr-grow   { transform: scale(1); }
:not([unhoverllin]) .hvr-shrink { transform: scale(1.03); }

/* :hover */
@media (any-hover: hover) {

	:not([unhoverllin]) a:where([href], [onclick]):hover .hvr-grow,
	:not([unhoverllin]) .hvr-grow:where([href], [onclick]):hover {
		transform: scale(1.03);
		opacity: 1;
	}

	:not([unhoverllin]) a:where([href], [onclick]):hover .hvr-shrink,
	:not([unhoverllin]) .hvr-shrink:where([href], [onclick]):hover {
		transform: scale(1);
		opacity: 1;
	}
}




/* ■ドロップシャドウ
────────────── ༚༶⊰⟡⊱༶༚༺*/
/* ベーススタイル */
:not([unhoverllin]) .hvr-shadowed {
	/* trans : property | duration | easing | delay */
	transition: all 0.3s ease-in 0s;
}

/* :hover */
@media (any-hover: hover) {

	:not([unhoverllin]) a:where([href], [onclick]):hover .hvr-shadowed,
	:not([unhoverllin]) .hvr-shadowed:where([href], [onclick]):hover {
		/* drsh: X | Y | blur | color */
		filter: brightness(1.03) drop-shadow(1px 3px 4px hsla(224, 13%, 46%, 0.46));
		opacity: 1;
	}
}




/* ■フィルターNess（~の状態になる）
────────────── ༚༶⊰⟡⊱༶༚༺*/
:not([unhoverllin]) :is(.hvr-brightness,
  .hvr-whiteness,
  .hvr-darkness,
  .hvr-blackness,
  .hvr-contrastness,
  .hvr-saturateness) {
	/* trans: property | duration | easing | delay */
	transition: all 0.3s var(--ease-out-cubic, ease-out);
}

/* :hover */
@media (any-hover: hover) {

	:not([unhoverllin]) a:where([href], [onclick]):hover .hvr-brightness,
	:not([unhoverllin]) .hvr-brightness:where([href], [onclick]):hover {
		opacity: 1;
		filter: brightness(1.3);
	}

	:not([unhoverllin]) a:where([href], [onclick]):hover .hvr-whiteness,
	:not([unhoverllin]) .hvr-whiteness:where([href], [onclick]):hover {
		opacity: 1;
		color: #FFF;
		filter: brightness(20);
	}

	:not([unhoverllin]) a:where([href], [onclick]):hover .hvr-darkness,
	:not([unhoverllin]) .hvr-darkness:where([href], [onclick]):hover {
		opacity: 1;
		filter: brightness(0.7);
	}

	:not([unhoverllin]) a:where([href], [onclick]):hover .hvr-blackness,
	:not([unhoverllin]) .hvr-blackness:where([href], [onclick]):hover {
		opacity: 1;
		color: #000;
		filter: brightness(0);
	}

	:not([unhoverllin]) a:where([href], [onclick]):hover .hvr-contrastness,
	:not([unhoverllin]) .hvr-contrastness:where([href], [onclick]):hover {
		opacity: 1;
		filter: contrast(1.3);
	}

	:not([unhoverllin]) a:where([href], [onclick]):hover .hvr-saturateness,
	:not([unhoverllin]) .hvr-saturateness:where([href], [onclick]):hover {
		opacity: 1;
		filter: saturate(1.3);
	}
}




/* ■フィルターLess（~の状態でなくなる）
────────────── ༚༶⊰⟡⊱༶༚༺*/
:not([unhoverllin]) :is(.hvr-grayless,
  .hvr-brightless,
  .hvr-whiteless,
  .hvr-darkless,
  .hvr-blackless,
  .hvr-blurless,
  .hvr-contrastless,
  .hvr-hueRotateless,
  .hvr-saturateless) {
	/* trans: property | duration | easing | delay */
	transition: all 0.3s var(--ease-out-cubic, ease-out);
}

/* フィルター */
:not([unhoverllin]) .hvr-grayless      { filter: grayscale(1); }
:not([unhoverllin]) .hvr-brightless    { filter: brightness(1.3); }
:not([unhoverllin]) .hvr-whiteless     { color: #FFF; filter: brightness(20); }
:not([unhoverllin]) .hvr-darkless      { filter: brightness(0.7); }
:not([unhoverllin]) .hvr-blackless     { color: #000; filter: brightness(0); }
:not([unhoverllin]) .hvr-blurless      { filter: blur(4px); }
:not([unhoverllin]) .hvr-contrastless  { filter: contrast(1.3); }
:not([unhoverllin]) .hvr-hueRotateless { filter: hue-rotate(-160deg); }
:not([unhoverllin]) .hvr-saturateless  { filter: saturate(1.3); }

/* :hover */
@media (any-hover: hover) {

	:not([unhoverllin]) a:where([href], [onclick]):hover :is(.hvr-grayless,
		.hvr-brightless,
		.hvr-whiteless,
		.hvr-darkless,
		.hvr-blackless,
		.hvr-blurless,
		.hvr-contrastless,
		.hvr-hueRotateless,
		.hvr-saturateless),
	:not([unhoverllin]) :is(.hvr-grayless,
		.hvr-brightless,
		.hvr-whiteless,
		.hvr-darkless,
		.hvr-blackless,
		.hvr-blurless,
		.hvr-contrastless,
		.hvr-hueRotateless,
		.hvr-saturateless):where([href], [onclick]):hover {
		opacity: 1;
		filter: none;
	}
}




/* ■bdf-フィルターNess（~の状態になる）
────────────── ༚༶⊰⟡⊱༶༚༺*/
/* ベーススタイル */
:not([unhoverllin]) :is(.hvr-bdfBrightness,
.hvr-bdfDarkness,
.hvr-bdfSaturateness,
.hvr-bdfContrastness) {
	position: relative;
	z-index: 1;
}

:not([unhoverllin]) :is(.hvr-bdfBrightness,
  .hvr-bdfDarkness,
  .hvr-bdfContrastness,
  .hvr-bdfSaturateness)::after {
	position: absolute;
	z-index: 10;
	inset: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	background-color: var(--hover-color, inherit);
	content: "";
	/* trans: property | duration | easing | delay */
	transition: all 0.3s var(--ease-out-cubic, ease-out);
	pointer-events: none;
	opacity: 0;
}

/* bdf-フィルター */
:not([unhoverllin]) .hvr-bdfBrightness::after  { backdrop-filter: brightness(1.3); }
:not([unhoverllin]) .hvr-bdfDarkness::after    { backdrop-filter: brightness(0.7); }
:not([unhoverllin]) .hvr-bdfContrastness::after { backdrop-filter: contrast(1.3); }
:not([unhoverllin]) .hvr-bdfSaturateness::after { backdrop-filter: saturate(1.3); }

/* :hover */
@media (any-hover: hover) {

	:not([unhoverllin]) a:where([href], [onclick]):hover :is(.hvr-bdfBrightness,
		.hvr-bdfDarkness,
		.hvr-bdfContrastness,
		.hvr-bdfSaturateness),
	:not([unhoverllin]) :is(.hvr-bdfBrightness,
		.hvr-bdfDarkness,
		.hvr-bdfContrastness,
		.hvr-bdfSaturateness):where([href], [onclick]):hover,
	:not([unhoverllin]) a:where([href], [onclick]):hover :is(.hvr-bdfBrightness,
		.hvr-bdfDarkness,
		.hvr-bdfContrastness,
		.hvr-bdfSaturateness)::after,
	:not([unhoverllin]) :is(.hvr-bdfBrightness,
		.hvr-bdfDarkness,
		.hvr-bdfContrastness,
		.hvr-bdfSaturateness):where([href], [onclick]):hover::after {
		opacity: 1;
	}
}




/* ■bdf-フィルターLess（~の状態でなくなる）
────────────── ༚༶⊰⟡⊱༶༚༺*/
/* ベーススタイル */
:not([unhoverllin]) :is(.hvr-bdfGrayless,
.hvr-bdfBrightless,
.hvr-bdfWhiteless,
.hvr-bdfDarkless,
.hvr-bdfBlackless,
.hvr-bdfBlurless,
.hvr-bdfContrastless,
.hvr-bdfHueRotateless,
.hvr-bdfSaturateless) {
	position: relative;
	z-index: 1;
}

:not([unhoverllin]) :is(.hvr-bdfGrayless,
  .hvr-bdfBrightless,
  .hvr-bdfWhiteless,
  .hvr-bdfDarkless,
  .hvr-bdfBlackless,
  .hvr-bdfBlurless,
  .hvr-bdfContrastless,
  .hvr-bdfHueRotateless,
  .hvr-bdfSaturateless)::after {
	position: absolute;
	z-index: 10;
	inset: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	background-color: var(--hover-color, inherit);
	content: "";
	/* trans: property | duration | easing | delay */
	transition: all 0.3s var(--ease-out-cubic, ease-out);
	pointer-events: none;
	opacity: 1;
}

/* bdf-フィルター */
:not([unhoverllin]) .hvr-bdfGrayless::after      { backdrop-filter: grayscale(1); }
:not([unhoverllin]) .hvr-bdfBrightless::after    { backdrop-filter: brightness(1.3); }
:not([unhoverllin]) .hvr-bdfWhiteless::after     { backdrop-filter: brightness(20); }
:not([unhoverllin]) .hvr-bdfDarkless::after      { backdrop-filter: brightness(0.7); }
:not([unhoverllin]) .hvr-bdfBlackless::after     { backdrop-filter: brightness(0); }
:not([unhoverllin]) .hvr-bdfBlurless::after      { backdrop-filter: blur(4px); }
:not([unhoverllin]) .hvr-bdfContrastless::after  { backdrop-filter: contrast(1.3); }
:not([unhoverllin]) .hvr-bdfHueRotateless::after { backdrop-filter: hue-rotate(-160deg) opacity(1); }
:not([unhoverllin]) .hvr-bdfSaturateless::after  { backdrop-filter: saturate(1.5); }

/* :hover */
@media (any-hover: hover) {

	:not([unhoverllin]) a:where([href], [onclick]):hover :is(.hvr-bdfGrayless,
		.hvr-bdfBrightless,
		.hvr-bdfWhiteless,
		.hvr-bdfDarkless,
		.hvr-bdfBlackless,
		.hvr-bdfBlurless,
		.hvr-bdfContrastless,
		.hvr-bdfHueRotateless,
		.hvr-bdfSaturateless),
	:not([unhoverllin]) :is(.hvr-bdfGrayless,
		.hvr-bdfBrightless,
		.hvr-bdfWhiteless,
		.hvr-bdfDarkless,
		.hvr-bdfBlackless,
		.hvr-bdfBlurless,
		.hvr-bdfContrastless,
		.hvr-bdfHueRotateless,
		.hvr-bdfSaturateless):where([href], [onclick]):hover {
		opacity: 1;
	}

	:not([unhoverllin]) a:where([href], [onclick]):hover :is(.hvr-bdfGrayless,
		.hvr-bdfBrightless,
		.hvr-bdfWhiteless,
		.hvr-bdfDarkless,
		.hvr-bdfBlackless,
		.hvr-bdfBlurless,
		.hvr-bdfContrastless,
		.hvr-bdfHueRotateless,
		.hvr-bdfSaturateless)::after,
	:not([unhoverllin]) :is(.hvr-bdfGrayless,
		.hvr-bdfBrightless,
		.hvr-bdfWhiteless,
		.hvr-bdfDarkless,
		.hvr-bdfBlackless,
		.hvr-bdfBlurless,
		.hvr-bdfContrastless,
		.hvr-bdfHueRotateless,
		.hvr-bdfSaturateless):where([href], [onclick]):hover::after {
		opacity: 0;
	}
}