.mediaLine, .mediaLine--active {
    height: 70px;
    width: 100%;
    line-height: 70px;
    background-color: white;
    padding: .3rem;
    cursor: pointer;
    transition: all 200ms linear;
}

.mediaLine--active, .mediaLine:hover {
    padding-left: 20px;
}

.mediaLine__image {
    width: calc(70px - .6rem);
    height: calc(70px - .6rem);
    border-radius: 50px;
    object-fit: cover;
    object-position: top;
    border: 2px solid;
    vertical-align: top;
    display: inline-block;
}

.mediaLine__textWrapper {
    display: inline-block;
    width: calc(100% - 120px - .6rem);
    height: 100%;
    vertical-align: top;
    padding: 0 0 0 2rem;
}

.mediaLine__text {
    display: block;
    width: 100%;
    vertical-align: top;
    height: 50%;
    line-height: 31.1px;
}

.mediaLineText__mobileStyle {
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.mediaLine__text:first-child {
    font-size: 1.6rem;
    font-weight: 700;
}

.mediaLine__text:nth-child(2) {
    font-size: 1.4rem;
    font-weight: 500;
}

.mediaLine:hover .mediaLine__goto {
    display: inline-block;
}

.mediaLine__goto {
    display: none;
    width: 50px;
    text-align: center;
}

@media screen and (max-width: 991px) {
    .mediaLine__goto {
        display: inline-block;
    }
    .mediaLine:hover {
        padding-left: .3rem;
    }
}