$prim: #cccccc
$dark-prim: #666666
$grey: grey

#wrapper
  background: #F7F7F7

  .tournament-card
    background: #fff
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.11)

    .card-title
      background-color: $dark-prim
      padding: 2rem

      h1
        color: #fff
        text-align: center
        font-size: 1.2rem

    .container
      padding: 3rem 2.5rem 3rem
      background-color: red

    .options
      color: $grey
      margin-bottom: 1.5rem

    button
      cursor: pointer
      font-size: 1.2rem
      color: $prim
      border-radius: 4rem
      display: block
      width: 100%
      background: transparent
      border: 2px solid $prim
      padding: 0.9rem 0 1.1rem
      transition: color .5s, border-color .5s
      margin-top: 3rem

      &:hover,
      &:focus
        background: $dark-prim
        color: white

      &:active
        transform: translateY(1px)