@import url('../../main.css');

section#filter 
{

    padding          :     20px 25px 25px 25px;
    background-color : rgba(21, 21, 21, 0.2);
    margin           :               100px 0px;

}

div#filter_t p
{

    font-size : 12pt;
    opacity   :  0.4;

}

div#filter_results 
{ 

    display         :   flex;
    justify-content : center;
    gap             :   20px;
    flex-wrap       :   wrap;
    margin-top      :   40px; 

}

div#filter_results_none p 
{

    display     :   flex;
    align-items : center;
    gap         :   10px;
    font-size   :   10pt;
    opacity     :    0.4;

}

div#filter_results_none p i 
{

    display     :   flex;
    align-items : center;

}

div#filter_pagination 
{

    display         : flex;
    justify-content :  end;
    gap             : 30px;
    margin-top      : 40px;

}

div#filter_pagination a 
{

    padding          :            5px 15px;
    background-color : var(--q-background);
    display          :                flex;
    align-items      :              center;
    gap              :                10px;
    font-size        :               8.7pt;
    opacity          :                 0.4;
    transition       :                0.4s;

}

div#filter_pagination a i 
{

    display     :   flex;
    align-items : center;

}

div#filter_pagination a:hover { background-color: var(--t-background); }