.linkpreview a {
    text-decoration: none;
    border: none;
}

.linkpreview {
    border: 1px solid #e1e8ed;
    border-radius: 14px;
    background-color: #fff;
    font-size: 14px;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out;
    margin-bottom: 1.5em;
}

@media only screen and (min-width: 770px) {
    .linkpreview {
        width:506px;
        margin-left: 0;
        overflow: hidden
    }

    .linkpreview:hover {
        background-color: #f5f8fa;
        border-color: rgba(136,153,166,.5)
    }
}

.linkpreview_image {
    height: 150px;
    background-size: cover;
    background-color: #e1e8ed;
    background-repeat: no-repeat;
    background-position: 50%;
    border-style: solid;
    border-color: #e1e8ed;
    border-width: 0 0 1px;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    overflow: hidden
}

@media only screen and (min-width: 770px) {
    .linkpreview_image  {
        width:504px;
        height: 252px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        overflow: hidden
    }
}

.linkpreview_text {
    padding: 9px
}

@media only screen and (min-width: 770px) {
    .linkpreview_text {
        padding:.75em 1em
    }
}

.linkpreview_title {
    display: block;
    margin: 0 0 .15em;
    font-size: 14px;
    line-height: 18.375px;
    letter-spacing: normal;
    overflow: hidden
}

@media only screen and (min-width: 770px) {
    .linkpreview_title {
        white-space:nowrap;
        text-overflow: ellipsis;
        font-size: 1.2em;
        font-weight: 700;
        line-height: 1.4em;
        max-height: 1.4em
    }
}

.linkpreview_description {
    display: none;
    height: 2.6em;
    max-height: 2.6em;
    margin-top: .32333em;
    line-height: 1.3em;
    letter-spacing: normal;
    word-wrap: break-word;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

@media only screen and (min-width: 770px) {
    .linkpreview_description {
        display:block;
        display: -webkit-box
    }
}

.linkpreview_domain {
    display: block;
    color: #888;
    text-transform: lowercase;
    line-height: 1.3125;
    letter-spacing: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (min-width: 770px) {
    .linkpreview_domain {
        margin-top:.32333em;
        color: #8899a6
    }
}

.linkpreview.no-og {
  display:flex;
}

.linkpreview.no-og .linkpreview_image {
    height: 8em;
    width: 8em;
  display:flex;
  align-item: center;
  justify-content: center;
}

.linkpreview.no-og .linkpreview_image svg {
    margin-top: 2.5em;
    height: 3em;
    width: 3em;
}