@use "../../../../styles/abstracts/variables" as *; 

.notice {
    background: linear-gradient(145deg, #1a1a1a, #111111);
    border: 1px solid #2a2a2a;  
    margin-bottom: 1.2rem;
    padding: .7rem 1rem !important;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;

    &--text {
        display: flex;
        align-items: center;
        gap: 10px;

        @media only screen and (max-width: 1000px){
            span {
                display: none;
            }
        }

        p{
            color: $col-white;
            font-weight: 500;
            font-size: .75rem !important;

            opacity: .9;
            @media only screen and (max-width: 1000px){
                font-size: .75rem;
            }
        }

        a{
            font-weight: 600;
            text-decoration: underline;
        }
    }
}