.Track-creation-feedback-banner {
    align-items: center;
    background: linear-gradient(315deg, #5f235b 0%, var(--bluejay) 100%);
    color: var(--white);
    display: flex;
    font-size: 21px;
    height: 60px;
    justify-content: space-between;
    padding-left: 20px;

    &-closeBannerButton {
        align-items: center;
        background: transparent;
        border: none;
        display: flex;
        padding: 0 30px;
    }

    &-closeBannerButton .Icons-close {
        fill: var(--white);
    }

    &-url {
        color: var(--white);
        margin-left: 5px;
        text-decoration: underline;
        text-decoration-skip-ink: none;
        text-decoration-thickness: 1px !important;
        text-underline-offset: 2px;
    }

    a,
    a:hover,
    a:focus,
    a:active,
    a:visited {
        color: var(--white);
        text-decoration: underline;
    }
}