@import '../../../styles/variables';

.linkUrl {
    font-size: $font-size-small;
    display: block;
    margin-bottom: $spacer / 8;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
}

.remove {
    margin: 0;
    padding: 0;
    appearance: none;
    border: 0;
    background: none;
    font-weight: $font-weight-bold;
    font-size: $font-size-h4;
    color: $brand-grey-light;
    line-height: $line-height;
    cursor: pointer;
    margin-left: $spacer / 2;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: $spacer / 8;
    right: 0;
    transition: .2s ease-out;

    &:hover,
    &:focus {
        opacity: .7;
    }
}

.details {
    font-size: $font-size-mini;
    color: $brand-grey-light;

    span {
        padding-right: $spacer;
    }
}
