tahnik/devRantron

.user_card
  position: absolute
  width: calc(100% - 2rem)
  background-size: cover !important
  background-repeat: no-repeat !important
  box-shadow: 0 2px 0px rgba(0, 0, 0, 0.19), 0 3px 4px rgba(0, 0, 0, 0.23)
  padding: 1rem 1rem 2rem 1rem
  top: 0
  left: 0
  z-index: 199
  .background
    position: absolute
    top: 0
    bottom: 0
    left: 0
    right: 0
    opacity: 0.75
  button
    box-shadow: none
    &:hover
      box-shadow: none
  .close
    position: absolute
    width: 1.2rem
    height: 1.2rem
    line-height: 1.3rem
    right: 5px
    top: 5px
    border-radius: 100%
    display: flex
    justify-content: center
    align-content: center
    font-size: 0.9rem
    cursor: pointer
    transition: background-color 0.1s, transform 0.1s
    p
      margin: 0px
    &:hover
      background-color: white
      transform: scale(1)
      i
        color: black
  .user_openprofile
    position: absolute;
    width: calc(100%)
    transform: translateX(-1rem)
    margin: 0px
    text-shadow: 0px 0px 2px rgba(0,0,0,0.3)
  .user_details_desc
    position: relative
    z-index: 50
    ul
      list-style: none
      padding: 0px
      li
        display: flex
        margin: 0.5rem 0rem
        i
          margin-right: 0.8rem
          font-size: 1.6rem
          min-width: 1.8rem
          text-align: center
        p
          margin: 4px 0px
          flex: 1