kobold.city-old/scss/components/_previews.scss

.card-link {
  background-color:white;
  padding:1rem;
  p, h4 {
    text-align: center;
    margin:0;
  }

  h4 {
    margin-bottom:1rem;
  }
  .powered-text {
    margin-top:1rem;
  }

  .acceder {
    display: inline;
    padding-right:0.5rem;
  }
  @include md() {
    display:flex;
    flex-direction: row;
    justify-content: flex-start;
    padding:0;
    .card-text {
      flex-grow: 1;
      width:100%
    }
    p, h4 {
      padding:0;
      padding-left:1rem;
      padding-right:1rem;
      margin:0;
      display:flex;
      justify-content: center;
      flex-direction: column;
    }

    .acceder {
      display: none;
    }

    p {
      text-align: left;
    }

    h4 {
      width:170px;
      flex-shrink: 0;
    }

    .powered-text {
      width:120px;
      flex-grow:2;
      flex-shrink: 0;
    }
  }
}