@import "../variables";
@import "../mixins";

$status_icon_size: 10px;

.DownloadLink {
    align-items: baseline;
    display: inline-flex;
    font-weight: $weight_bold;

    &:hover {
        text-decoration: none;
    }
}

.DownloadLink-text,
.DownloadLink-icon,
.DownloadLink-status-icon {
    display: inline-block;
}

.DownloadLink-icon,
.DownloadLink-status-icon {
    height: $icon-default-size;
    margin-right: 5px;
    position: relative;
    text-align: center;
    top: -1px;
    width: $icon-default-size;
}

.DownloadLink-text-wrapper {
    .DownloadLink:hover & {
        text-decoration: underline;
    }
    .DownloadLink-disabled:hover & {
        text-decoration: none;
    }
}

.DownloadLink-icon {
    line-height: normal;
    position: relative;
}

.DownloadLink-icon-generating {
    background: $color_await;
}

.DownloadLink-icon-not-generated {
    background: $color_danger;
}

.DownloadLink-description {
    @include helpText;
    font-weight: $weight_light;

    .DownloadLink:hover & {
        text-decoration: none;
    }
}