.project-card-list
  @extends $owned-card-list

.project-card
  @extends $owned-card

.project-card
  border-radius: 1em
  height: 270px
  position: relative
  text-align: center

  svg
    height: 215px

  .details
    position: absolute
    bottom: 0
    left: 0
    right: 0
    height: 60px
    justify-content: space-between
    transition: height 0.5s ease

    .name
      text-transform: uppercase
      letter-spacing: 1px
      font-weight: 700
      font-size: 11px
      color: COPY

      span
        display: inline-block
        line-height: normal
        vertical-align: middle

    .description
      color: COPY
      font-size: 0.9em
      height: 150px
      margin: 0.8em 0
      overflow: hidden
      text-align: center

  .card-button
    display: none

  :hover > &,
  :focus > &
    .details
      height: 175px

.project-card-list
  @extends $owned-card-list

.project-card
  @extends $owned-card

.project-card
  background-color: white
  height: 270px
  position: relative
  text-align: center

  svg
    height: 215px

  .details
    position: absolute
    bottom: 0
    left: 0
    right: 0
    height: 60px
    justify-content: space-between
    transition: height 0.5s ease

    .name
      text-transform: uppercase
      letter-spacing: 1px
      font-weight: 700
      font-size: 11px
      color: COPY

      span
        display: inline-block
        line-height: normal
        vertical-align: middle

    .description
      color: COPY
      font-size: 0.9em
      height: 150px
      margin: 0.8em 0
      overflow: hidden
      text-align: center

  .card-button
    display: none

  :hover > &,
  :focus > &
    .details
      height: 175px

Remove border radius from Project Cards.
Remove border radius from Project Cards.
