.testimonials
  background-color: $background

.testimonial
  align-items: flex-start
  display: flex
  justify-content: center

.more-loves
  align-items: center
  display: flex
  justify-content: center
  margin-top: 1.5rem
  text-align: center
  .button
    height: auto
    padding: 0.75em 1.5em
    span
      transform-origin: center center
      transition: transform $speed $easing
    &:hover
      span
        transform: scale(1.04)

+mobile
  .testimonials
    padding: 1.5rem
  .testimonial
    margin-bottom: 1.5rem

+tablet
  .testimonials
    padding: 3rem
  .testimonial + .testimonial
    margin-top: 1.5rem

+desktop
  .testimonials
    min-height: 595px

+widescreen
  .testimonials
    min-height: 653px

+fullhd
  .testimonials
    min-height: 632px

.rainbow
  animation: rainbow 8s ease infinite
  background-image: linear-gradient(124deg, $orange, $red, $purple, $blue)
  background-size: 800% 800%

.hero.is-love
  .title,
  .subtitle
    color: $white

@keyframes rainbow
    0%
      background-position: 0% 80%
    50%
      background-position: 100% 20%
    100%
      background-position: 0% 80%

.hug
  align-items: flex-start
  display: flex
  justify-content: center

.embrace
  background-color: $background
  border-radius: $radius
  padding: 1.5rem

+mobile
  .love
    padding: 1.5rem
  .hug
    margin: 1.5rem
  .embrace
    text-align: center
    &:not(:first-child)
      margin-top: 1.5rem
    &:not(:last-child)
      margin-bottom: 1.5rem
  .embrace-button
    margin-top: 0.75rem

+tablet
  .love
    padding-bottom: 3rem
    padding-top: 3rem
  .embrace
    align-items: center
    display: flex
    justify-content: center
    &:not(:first-child)
      margin-top: 3rem
    &:not(:last-child)
      margin-bottom: 3rem
  .embrace-button
    margin-left: 1.5rem
  .hugs
    display: flex
    flex-wrap: wrap
    padding-bottom: 3rem
  .hug
    margin-top: 1.5rem
    width: calc(33.3333% - 1rem)
    &:nth-child(1),
    &:nth-child(2),
    &:nth-child(3)
      margin-top: 0
    &:nth-child(3n-1),
    &:nth-child(3n)
      margin-left: 1.5rem