.like-button {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.like-button:after {
  display: none !important;
}
.like-button.loading {
  opacity: 0.7;
  cursor: default;
}
.like-button.liked .like-icon .outline {
  opacity: 0;
}
.like-button.liked .like-icon .filled {
  opacity: 1;
}
.like-button--icon-star .like-icon__icon {
  top: -1px;
}
.like-button--icon-thumb .like-icon__icon {
  top: -1px;
}
.like-button__wrapper {
  display: block;
}
.like-button__count {
  max-height: 0;
  overflow: hidden;
  font-size: 14px;
  opacity: 0;
  transition:
    max-height 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 150ms,
    opacity 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.like-button__count:before {
  display: block;
  content: "";
  height: 5px;
}
.like-button--count-visible .like-button__count {
  max-height: 40px;
  opacity: 1;
  transition:
    max-height 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
    opacity 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 150ms;
}
.like-icon {
  position: relative;
  display: block;
  justify-content: center;
  align-items: center;
  color: #00b19e;
}
@keyframes like-icon-heart-beat {
  60% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes like-icon-bubble-blow {
  0% {
    opacity: 1;
  }
  40% {
    height: 6px;
  }
  80% {
    opacity: 1;
  }
  99% {
    height: 4px;
  }
  100% {
    visibility: hidden;
    opacity: 0;
  }
}
@keyframes like-icon-unlike {
  0% {
    opacity: 0.7;
  }
  40% {
    transform: scale(0.8);
  }
  80% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.like-icon:hover {
  text-decoration: none;
}
.like-icon__icon {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  z-index: 2;
}
.like-icon__icon svg {
  display: flex;
  fill: #00b19e;
}
.like-icon__icon svg .filled {
  opacity: 0;
}
.like-icon__icon .stroke-color {
  stroke: #00b19e;
}
.like-icon__icon.like {
  animation: like-icon-heart-beat 500ms cubic-bezier(0.39, 0.575, 0.565, 1)
    forwards;
}
.like-icon__icon.like svg .outline {
  opacity: 0;
}
.like-icon__icon.like svg .filled {
  opacity: 1;
}
.like-icon__icon.unlike {
  animation: like-icon-unlike 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275)
    forwards;
}
.like-icon__bubble {
  position: absolute;
  display: block;
  width: 2px;
  height: 4px;
  background-color: #00b19e;
  transition: transform 600ms cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: 100ms;
  border-radius: 2px;
  opacity: 0;
  z-index: 1;
}
.like-icon__bubble--index-1 {
  left: 50%;
  top: 50%;
  transform: translate(-0.9999999998px, -19.9999999986px) rotate(0deg);
}
.like-button--small-bubbles .like-icon__bubble--index-1 {
  transform: translate(-0.9999999999px, -14.599999999px) rotate(0deg);
}
.like-icon__bubble--index-1.like {
  transform: translate(-0.9999999998px, -25.9999999982px) rotate(0deg);
  animation: like-icon-bubble-blow 400ms forwards;
  animation-delay: 100ms;
}
.like-button--small-bubbles .like-icon__bubble--index-1.like {
  transform: translate(-0.9999999998px, -19.9999999986px) rotate(0deg);
}
.like-icon__bubble--index-2 {
  left: 50%;
  top: 50%;
  transform: translate(11.7279220614px, -14.7279220614px) rotate(45deg);
}
.like-button--small-bubbles .like-icon__bubble--index-2 {
  transform: translate(7.9095454429px, -10.909545443px) rotate(45deg);
}
.like-icon__bubble--index-2.like {
  transform: translate(15.9705627485px, -18.9705627485px) rotate(45deg);
  animation: like-icon-bubble-blow 400ms forwards;
  animation-delay: 100ms;
}
.like-button--small-bubbles .like-icon__bubble--index-2.like {
  transform: translate(11.7279220614px, -14.7279220614px) rotate(45deg);
}
.like-icon__bubble--index-3 {
  left: 50%;
  top: 50%;
  transform: translate(17px, -2px) rotate(90deg);
}
.like-button--small-bubbles .like-icon__bubble--index-3 {
  transform: translate(11.6px, -2px) rotate(90deg);
}
.like-icon__bubble--index-3.like {
  transform: translate(23px, -2px) rotate(90deg);
  animation: like-icon-bubble-blow 400ms forwards;
  animation-delay: 100ms;
}
.like-button--small-bubbles .like-icon__bubble--index-3.like {
  transform: translate(17px, -2px) rotate(90deg);
}
.like-icon__bubble--index-4 {
  left: 50%;
  top: 50%;
  transform: translate(11.7279220614px, 10.7279220614px) rotate(135deg);
}
.like-button--small-bubbles .like-icon__bubble--index-4 {
  transform: translate(7.909545443px, 6.909545443px) rotate(135deg);
}
.like-icon__bubble--index-4.like {
  transform: translate(15.9705627485px, 14.9705627485px) rotate(135deg);
  animation: like-icon-bubble-blow 400ms forwards;
  animation-delay: 100ms;
}
.like-button--small-bubbles .like-icon__bubble--index-4.like {
  transform: translate(11.7279220614px, 10.7279220614px) rotate(135deg);
}
.like-icon__bubble--index-5 {
  left: 50%;
  top: 50%;
  transform: translate(-1px, 16px) rotate(180deg);
}
.like-button--small-bubbles .like-icon__bubble--index-5 {
  transform: translate(-1px, 10.6px) rotate(180deg);
}
.like-icon__bubble--index-5.like {
  transform: translate(-1px, 22px) rotate(180deg);
  animation: like-icon-bubble-blow 400ms forwards;
  animation-delay: 100ms;
}
.like-button--small-bubbles .like-icon__bubble--index-5.like {
  transform: translate(-1px, 16px) rotate(180deg);
}
.like-icon__bubble--index-6 {
  left: 50%;
  top: 50%;
  transform: translate(-13.7279220614px, 10.7279220614px) rotate(225deg);
}
.like-button--small-bubbles .like-icon__bubble--index-6 {
  transform: translate(-9.909545443px, 6.909545443px) rotate(225deg);
}
.like-icon__bubble--index-6.like {
  transform: translate(-17.9705627485px, 14.9705627485px) rotate(225deg);
  animation: like-icon-bubble-blow 400ms forwards;
  animation-delay: 100ms;
}
.like-button--small-bubbles .like-icon__bubble--index-6.like {
  transform: translate(-13.7279220614px, 10.7279220614px) rotate(225deg);
}
.like-icon__bubble--index-7 {
  left: 50%;
  top: 50%;
  transform: translate(-19px, -2px) rotate(270deg);
}
.like-button--small-bubbles .like-icon__bubble--index-7 {
  transform: translate(-13.6px, -2px) rotate(270deg);
}
.like-icon__bubble--index-7.like {
  transform: translate(-25px, -2px) rotate(270deg);
  animation: like-icon-bubble-blow 400ms forwards;
  animation-delay: 100ms;
}
.like-button--small-bubbles .like-icon__bubble--index-7.like {
  transform: translate(-19px, -2px) rotate(270deg);
}
.like-icon__bubble--index-8 {
  left: 50%;
  top: 50%;
  transform: translate(-13.7279220614px, -14.7279220614px) rotate(315deg);
}
.like-button--small-bubbles .like-icon__bubble--index-8 {
  transform: translate(-9.9095454429px, -10.909545443px) rotate(315deg);
}
.like-icon__bubble--index-8.like {
  transform: translate(-17.9705627485px, -18.9705627485px) rotate(315deg);
  animation: like-icon-bubble-blow 400ms forwards;
  animation-delay: 100ms;
}
.like-button--small-bubbles .like-icon__bubble--index-8.like {
  transform: translate(-13.7279220614px, -14.7279220614px) rotate(315deg);
}
.adjacent-post-link {
  display: flex;
  align-items: center;
  min-width: 0;
}
.adjacent-post-link:hover .adjacent-post-link__icon {
  color: #333;
}
.adjacent-post-link:hover .adjacent-post-link__text-primary {
  color: #333;
}
.adjacent-post-link:hover .adjacent-post-link__text-secondary {
  visibility: visible;
  opacity: 1;
  bottom: 60%;
  transition: all 300ms;
}
.adjacent-post-link:hover
  .adjacent-post-link__text-secondary
  ~ .adjacent-post-link__text-primary {
  transform: translateY(40%);
}
.wrapper .adjacent-post-link {
  display: flex;
}
.wrapper .adjacent-post-link:after {
  display: none;
}
.adjacent-post-link.disabled {
  pointer-events: none;
  opacity: 0.4;
}
@media (max-width: 767.98px) {
  .adjacent-post-link--has-icon .adjacent-post-link__text {
    display: none;
  }
}
.adjacent-post-link--arrow-left .adjacent-post-link__icon {
  padding-right: 10px;
}
.adjacent-post-link--arrow-left:hover .adjacent-post-link__icon {
  transform: translateX(-5px);
}
.adjacent-post-link--arrow-right {
  flex-direction: row-reverse;
}
.adjacent-post-link--arrow-right .adjacent-post-link__icon {
  padding-left: 10px;
}
.adjacent-post-link--arrow-right .adjacent-post-link__text-secondary {
  justify-content: flex-end;
}
.adjacent-post-link--arrow-right:hover .adjacent-post-link__icon {
  transform: translateX(5px);
}
.adjacent-post-link__icon {
  position: relative;
  transition: all 300ms;
  font-size: 26px;
  color: #636363;
}
.adjacent-post-link__text {
  position: relative;
  min-width: 0;
}
.adjacent-post-link__text span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.adjacent-post-link__text-primary {
  position: relative;
  display: block;
  transition: transform 300ms;
  font-size: 19px;
  color: #636363;
}
.adjacent-post-link__text-secondary {
  position: absolute;
  visibility: hidden;
  color: #6d6d6d;
  font-size: 14px;
  transition:
    opacity 300ms,
    visibility 300ms,
    bottom 300ms 100ms;
  opacity: 0;
  bottom: 30%;
  left: 0;
  right: 0;
  white-space: nowrap;
}