.also-watch-row
  position: relative
  z-index: 2
  background-color: $darkerBrown

  .grid-row
    +flex(space-between, center)
    padding-right: 100px

    height: calc(100vw / 12 * 3)

    +respond-to-width-beyond(1440)
      height: 360px

  .content.kms-content
    width: calc(100% - 250px)
    max-width: 600px
    padding-left: 30px

    >*:first-child
      margin-top: 0

    >*:last-child
      margin-bottom: 0

    p
      font-size: 1.2rem
      line-height: 1.6
      color: $lightBrown


  .button
    color: $lightBrown

    .arrow
      margin-left: 20px

    &:hover
      color: white

  +respond-to-width(1100)
    .grid-row
      display: block
      padding: calc(100vw / 12) 30px
      height: auto

    .content.kms-content
      padding-left: 0
      width: 100%

    .button
      margin-top: 40px

  +respond-to-width(700)
    .grid-row
      width: calc(100% - 40px)
      padding-left: 0
      padding-right: 0