@use "../../../../styles/abstracts/variables";
@use "../../../../styles/abstracts/mixins";  

.no-data{
    border: 2px solid variables.$col-border-lining;
    padding: 1rem 1.2rem;
    border-radius: 10px;
    margin-top: 1rem;
    padding-bottom: 1.6rem;
    background: #19191B;

    h1{
        color: variables.$col-white !important;
        font-weight: 400 !important;
        font-size: .9rem !important;
        border-bottom: 1px solid variables.$col-active-btn-bg;
        padding-bottom: .4rem;
    }

    p{
        color: variables.$col-white !important;
        opacity: .9;
        font-weight: 400 !important;
        line-height: 1.8;
        font-size: .83rem !important;
        padding-bottom: 1.5rem !important;
        padding-top: .4rem;
    }

    a {
        background: variables.$col-orange;
        padding: .65rem 1.2rem;
        border-radius: 6px;
        color: variables.$col-dark;
        font-weight: 500;
        font-size: .85rem;
        transition: all ease-in-out .5s;
        &:hover {
            background-color: #e66a00;
            box-shadow: 0 0 6px rgba(255, 122, 0, 0.4);
        }
    }
}