$yellow2: #FAB002;

AwardItem {
    align-self: flex-start;
    align-items: center;
    flex-direction: column;
    box-shadow: rgba( 0 0 0 0.5 );
    background-image: linear-gradient( -90deg, rgba( black, 0.25 ), rgba( black, 0.0 ) );
    padding: 8px;
    transition: all 0.5s bounce-in;
    opacity: 1;
    bottom: 40px;

    &:intro {
        opacity: 0;
        transform: scale(0 0);
    }

    &:outro {
        opacity: 0;
        transform: scale(0 0);
        transition: all 0.5s bounce-out;
    }

    .header {
        justify-content: center;
        align-items: center;
        margin-bottom: 8px;

        .icon {
            //50vv
            width: 0px;
            height: 0px;
            //50^^
            margin-right: 4px;

            &.hidden {
                display: none;
            }
        }

        .title {
            font-family: Teko-SemiBold;
            font-size: 64px;
            color: $yellow2;
            font-weight: 500;
            text-transform: uppercase;
        }
    }

    .text {
        color: white;
        font-size: 24px;
        font-family: Teko-SemiBold;
        margin-left: 8px;
        flex-grow: 1;
        margin-right: 16px;
    }
}