.kk-revealer {
	position: relative;
	display: inline-block;
}

.kk-revealer.kk-revealer-display-block {
	display: block;
}

.kk-revealer.kk-revealer-display-block .kk-revealer-content-wrapper {
	width: 100%;
}

.kk-revealer > .kk-revealer-content {
	--kk-revealer-gradient: linear-gradient(to top, transparent 3px, white var(--kk-revealer-gradient-height));
	overflow: hidden;
	position: relative;
	-webkit-mask-image: var(--kk-revealer-gradient);
	mask-image: var(--kk-revealer-gradient);
	display: block;
}

.kk-revealer.kk-revealer-animating > .kk-revealer-content {
	transition: height 300ms;
	overflow: hidden;
}

.kk-revealer.revealing > .kk-revealer-content,
.kk-revealer.unrevealable > .kk-revealer-content {
	-webkit-mask-image: none;
	mask-image: none;
}

.kk-revealer.revealed  > .kk-revealer-content {
	overflow: initial;
	-webkit-mask-image: none;
	mask-image: none;
}

.kk-revealer.unrevealable > .kk-revealer-content {
	height: auto!important;
}

.kk-revealer  > .kk-revealer-content > .kk-revealer-content-wrapper {
	display: inline-block;
}

.kk-revealer.unrevealable > .kk-revealer-btns {
	display: none;
}

.kk-revealer > .kk-revealer-btns {
	display: block;
	position: relative;
	text-align: center;
}

.kk-revealer .kk-revealer-btn {
	cursor: pointer;
	display: inline-block;
	margin: 0.75rem 0;
	text-decoration: none;
}

.kk-revealer .kk-conceal-btn {
	display: none;
}

.kk-revealer.revealing > .kk-revealer-btns > .kk-reveal-btn,
.kk-revealer.revealed > .kk-revealer-btns >  .kk-reveal-btn {
	display: none;
}

.kk-revealer.revealing > .kk-revealer-btns > .kk-conceal-btn,
.kk-revealer.revealed > .kk-revealer-btns > .kk-conceal-btn {
	display: inline-block;
}