.sharp-grey-review-item h5, .sharp-grey-review-rating, blockquote {
  text-align: center;
}

.sharp-grey-review-rating {
  padding-top: 10px;
  color: #ffca04;
	font-size: 20px;
}
.sharp-grey-review-text {
	color: #000000;
	font-size: 2vw;
}

#review-slider {
	height: 4em;
	margin: 1em 0;
	overflow:show;
	position:relative;
	width: relative;
	text-align: center;
}
#review-slider ul {
	list-style:none;
	position:relative;
	padding: 10px;
	margin: 100px;
}
/* keyframes #anim_slides */
@-webkit-keyframes anim_slides {
  0% {
		opacity:0;
	}
	5% {
		opacity:1;
	}
	15% {
		opacity:0;
	}
	20% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}
@keyframes anim_slides {
	0% {
		opacity:0;
	}
	5% {
		opacity:1;
	}
	15% {
		opacity:0;
	}
	20% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}
#review-slider ul li {
	opacity:0;
	position:absolute;
	top:0;
  background-color: transparent;
  width: 100%;
  height: 4em;
	font-size: 1.5em;
	font-style: italic;
	font-family: 'Cormorant Garamond', serif;
	/* css3 animation */
	-webkit-animation-name: anim_slides;
	-webkit-animation-duration: 165.0s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 0;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	animation-name: anim_slides;
	animation-duration: 165.0s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-delay: 0;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
/* css3 delays */
#review-slider ul  li:nth-child(2), #review-slider ul  li:nth-child(2) div {
	-webkit-animation-delay: 20s;
	animation-delay: 20s;
}
#review-slider ul  li:nth-child(3), #review-slider ul  li:nth-child(3) div {
	-webkit-animation-delay: 21s;
	animation-delay: 21s;
}
#review-slider ul  li:nth-child(4), #review-slider ul  li:nth-child(4) div {
	-webkit-animation-delay: 30s;
	animation-delay: 30;
}
#review-slider ul  li:nth-child(5), #review-slider ul  li:nth-child(5) div {
	-webkit-animation-delay: 40s;
	animation-delay: 40s;
}
#review-slider ul  li:nth-child(6), #review-slider ul  li:nth-child(6) div {
	-webkit-animation-delay: 50s;
	animation-delay: 50s;
}

#review-slider ul  li:nth-child(7), #review-slider ul  li:nth-child(7) div {
	-webkit-animation-delay: 60s;
	animation-delay: 60s;
}
#review-slider ul  li:nth-child(8), #review-slider ul  li:nth-child(8) div {
	-webkit-animation-delay: 70s;
	animation-delay: 70s;
}
#review-slider ul  li:nth-child(9), #review-slider ul  li:nth-child(9) div {
	-webkit-animation-delay: 80s;
	animation-delay: 80s;
}
#review-slider ul  li:nth-child(10), #review-slider ul  li:nth-child(10) div {
	-webkit-animation-delay: 90s;
	animation-delay: 90s;
}

#review-slider ul  li:nth-child(11), #review-slider ul  li:nth-child(11) div {
	-webkit-animation-delay: 100s;
	animation-delay: 100s;
}
/* 
#review-slider ul  li:nth-child(12), #review-slider ul  li:nth-child(12) div {
	-webkit-animation-delay: 44s;
	animation-delay: 44s;
}
#review-slider ul  li:nth-child(13), #review-slider ul  li:nth-child(13) div {
	-webkit-animation-delay: 48s;
	animation-delay: 48s;
}

#review-slider ul  li:nth-child(14), #review-slider ul  li:nth-child(14) div {
	-webkit-animation-delay: 52s;
	animation-delay: 52s;
}

#review-slider ul  li:nth-child(15), #review-slider ul  li:nth-child(15) div {
	-webkit-animation-delay: 56s;
	animation-delay: 56s;
}
*/

@media screen and (min-width: 45em) {
	#review-slider {
		height: 4em;
	}
	#review-slider ul li {
		height: auto;
	}
}

/* CONTAINER */

ul {
    display: flex;
    flex-wrap: wrap;
    padding: 1em 0;
    width: 80%;
    margin: 1rem  auto;
    justify-content: space-around;
}

li {
    margin: 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}


/* BUTTON GLITCH */
.button-glitch,
.button-glitch:after {
  width: 150px;
  height: 76px;
  line-height: 78px;
  font-size: 20px;
  font-family: 'Bebas Neue', sans-serif;
  background: linear-gradient(45deg, transparent 5%, #FF013C 5%);
  border: 0;
  color: #fff;
  letter-spacing: 3px;
  box-shadow: 6px 0px 0px #00E6F6;
  outline: transparent;
  position: relative;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-glitch:after {
  --slice-0: inset(500% 50% 50% 50%);
  --slice-1: inset(80% -6px 0 0);
  --slice-2: inset(50% -6px 30% 0);
  --slice-3: inset(10% -6px 85% 0);
  --slice-4: inset(4000% -6px 43% 0);
  --slice-5: inset(80% -6px 5% 0);
  
  content: 'ALTERNATE TEXT';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, transparent 3%, #00E6F6 3%, #00E6F6 5%, #FF013C 5%);
  text-shadow: -3px -3px 0px #F8F005, 3px 3px 0px #00E6F6;
  clip-path: var(--slice-0);
}

.button-glitch:hover:after {
  animation: 1s glitch;
  animation-timing-function: steps(2, end);
}

@keyframes glitch {
  0% {
    clip-path: var(--slice-1);
    transform: translate(-20px, -10px);
  }
  10% {
    clip-path: var(--slice-3);
    transform: translate(10px, 20px);
  }
  20% {
    clip-path: var(--slice-1);
    transform: translate(-10px, 10px);
  }
  30% {
    clip-path: var(--slice-3);
    transform: translate(0px, 5px);
  }
  40% {
    clip-path: var(--slice-2);
    transform: translate(-5px, 0px);
  }
  50% {
    clip-path: var(--slice-3);
    transform: translate(5px, 0px);
  }
  60% {
    clip-path: var(--slice-4);
    transform: translate(5px, 100px);
  }
  70% {
    clip-path: var(--slice-2);
    transform: translate(-10px, 10px);
  }
  80% {
    clip-path: var(--slice-5);
    transform: translate(20px, -10px);
  }
  90% {
    clip-path: var(--slice-1);
    transform: translate(-1000px, 0px);
  }
  100% {
    clip-path: var(--slice-1);
    transform: translate(0);
  }
}

@media (min-width: 768px) {
  .button-glitch,
  .button-glitch:after {
    width: 200px;
    height: 86px;
    line-height: 88px;
  }
}


/* BACKGROUND MOVE */
.button-background-move {
  font-size: 16px;
  font-weight: 200;
  letter-spacing: 1px;
  padding: 13px 20px 13px;
  outline: 0;
  border: 1px solid black;
  cursor: pointer;
  position: relative;
  background-color: rgba(0, 0, 0, 0);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-background-move:after {
  content: "";
  background-color: #ffe54c;
  width: 100%;
  z-index: -1;
  position: absolute;
  height: 100%;
  top: 7px;
  left: 7px;
  transition: 0.2s;
}

.button-background-move:hover:after {
  top: 0px;
  left: 0px;
}

@media (min-width: 768px) {
  .button-background-move {
    padding: 13px 50px 13px;
  }
}


/* PERPECTIVE */
.button-perspective {
  background-color: #3DD1E7;
  border: 0 solid #E5E7EB;
  box-sizing: border-box;
  color: #000000;
  display: flex;
  font-family: ui-sans-serif,system-ui,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-size: 1rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.75rem;
  padding: .75rem 1.65rem;
  position: relative;
  text-align: center;
  text-decoration: none #000000 solid;
  text-decoration-thickness: auto;
  width: 100%;
  max-width: 460px;
  position: relative;
  cursor: pointer;
  transform: rotate(-2deg);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-perspective:focus {
  outline: 0;
}

.button-perspective:after {
  content: '';
  position: absolute;
  border: 1px solid #000000;
  bottom: 4px;
  left: 4px;
  width: calc(100% - 1px);
  height: calc(100% - 1px);
}

.button-perspective:hover:after {
  bottom: 2px;
  left: 2px;
}

@media (min-width: 768px) {
  .button-perspective {
    padding: .75rem 3rem;
    font-size: 1.25rem;
  }
}

/* PAPER */
.button-paper {
  align-self: center;
  background-color: #fff;
  background-image: none;
  background-position: 0 90%;
  background-repeat: repeat no-repeat;
  background-size: 4px 3px;
  border-radius: 15px 225px 255px 15px 15px 255px 225px 15px;
  border-style: solid;
  border-width: 2px;
  box-shadow: rgba(0, 0, 0, .2) 15px 28px 25px -18px;
  box-sizing: border-box;
  color: #41403e;
  cursor: pointer;
  display: inline-block;
  font-family: Neucha, sans-serif;
  font-size: 1rem;
  line-height: 23px;
  outline: none;
  padding: .75rem;
  text-decoration: none;
  transition: all 235ms ease-in-out;
  border-bottom-left-radius: 15px 255px;
  border-bottom-right-radius: 225px 15px;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-paper:hover {
  box-shadow: rgba(0, 0, 0, .3) 2px 8px 8px -5px;
  transform: translate3d(0, 2px, 0);
}

.button-paper:focus {
  box-shadow: rgba(0, 0, 0, .3) 2px 8px 4px -6px;
}


/* COVER */
.button-cover {
  position: relative;
  overflow: hidden;
  border: 1px solid #18181a;
  color: #18181a;
  display: inline-block;
  font-size: 15px;
  line-height: 15px;
  padding: 18px 18px 17px;
  text-decoration: none;
  cursor: pointer;
  background: #fff;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-cover span:first-child {
  position: relative;
  transition: color 600ms cubic-bezier(0.48, 0, 0.12, 1);
  z-index: 10;
}

.button-cover span:last-child {
  color: white;
  display: block;
  position: absolute;
  bottom: 0;
  transition: all 500ms cubic-bezier(0.48, 0, 0.12, 1);
  z-index: 100;
  opacity: 0;
  top: 50%;
  left: 50%;
  transform: translateY(225%) translateX(-50%);
  height: 14px;
  line-height: 13px;
}

.button-cover:after {
  content: "";
  position: absolute;
  bottom: -50%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  transform-origin: bottom center;
  transition: transform 600ms cubic-bezier(0.48, 0, 0.12, 1);
  transform: skewY(9.3deg) scaleY(0);
  z-index: 50;
}

.button-cover:hover:after {
  transform-origin: bottom center;
  transform: skewY(9.3deg) scaleY(2);
}

.button-cover:hover span:last-child {
  transform: translateX(-50%) translateY(-100%);
  opacity: 1;
  transition: all 900ms cubic-bezier(0.48, 0, 0.12, 1);
}