.BUTTON_TYPE1
{
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    overflow: hidden;
    border-width: 0px;
    gap: 15px;
    height: 50px;
    width: 100%;
    padding-left: 10px;
    padding-right: 15px;
    color: rgb(175,175,175);
    border-radius: 10px;
    font-size: 15px;
}

.BUTTON_TYPE1:hover
{
    background-color: rgb(50,50,50);
}

.BUTTON_TYPE1_1
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    overflow: hidden;
    gap: 15px;
    height: 50px;
    width: 100%;
    padding-right: 15px;
    color: rgb(175,175,175);
    border-radius: 10px;
    font-size: 15px;
    box-sizing: border-box;
}

.BUTTON_TYPE1_2
{
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    overflow: hidden;
    border-width: 0px;
    gap: 15px;
    height: 50px;
    width: 100%;
    padding-left: 10px;
    padding-right: 15px;
    background-color: rgb(35,35,35);
    border-radius: 10px;
    font-size: 15px;
}

.BUTTON_TYPE1_2:hover
{
    background-color: rgb(50,50,50);
}

.BUTTON_TYPE1_3
{
    display: flex;
    box-sizing: border-box;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    border-width: 0px;
    border-radius: 10px;
    height: 50px;
    width: 50px;
    color: white;
    background-color: rgb(50,50,50);
}

.BUTTON_TYPE1_3:hover
{
    background-color: rgb(70,70,70);
}

.BUTTON_TYPE1_3_ICON
{
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    object-fit: contain;
}

.BUTTON_ICON
{
    width: 30px;
    height: 30px;
    flex-shrink: 0;
}

.BUTTON0_ICON
{
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    margin-right: 15px;
}

.BUTTON1_ICON
{
    width: 30px;
    height: 30px;
    flex-shrink: 0;
}

.BUTTON_TEXT
{
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}

.TEXT_TITLE
{
    font-size: 12px;
    font-weight: bold;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(200,200,200);
}

.TEXT_SUBTITLE
{
    font-size: 12px;
    line-height: 1.1;
    color: rgb(150,150,150);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.BUTTON_ARROW_ICON
{
    width: 12px;
    height: 12px;
    object-fit: contain;
    filter: invert(1);
    flex-shrink: 0;
    transition: transform 0.2s, filter 0.2s;
}

.BUTTON_ARROW_ICON2
{
    width: 12px;
    height: 12px;
    object-fit: contain;
    filter: invert(1);
}

.BUTTON_TYPE1:hover .BUTTON_ARROW_ICON
{
    filter: invert(1) brightness(1.2);
    transform: translateX(3px);
}

.BUTTON_TYPE2
{
    cursor: pointer;
    display: flex;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    border-width: 0px;
    height: 75px;
    width: 75px;
    background-color: rgb(35,35,35);
    border-radius: 10px;
}

.BUTTON_TYPE2:hover
{
    background-color: rgb(150,150,25);
}

.BUTTON_TYPE4
{
    display: none;
    cursor: pointer;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    border-width: 0px;
    height: 75px;
    width: 75px;
    background-color: rgb(35,35,35);
    border-radius: 10px;
}

.BUTTON_TYPE4:hover
{
    background-color: rgb(150,150,25);
}

.BUTTON2_ICON
{
    width: 50px;
    height: 50px;
    flex-shrink: 0;
}

.BUTTON4_ICON
{
    width: 50px;
    height: 50px;
    flex-shrink: 0;
}

.BUTTON2_ICON_DSIZE
{
    width: 50px;
    height: 50px;
    flex-shrink: 0;
}

.BUTTON_TYPE3
{
    cursor: pointer;
    display: flex;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    border-width: 0px;
    border-radius: 10px;
    height: 40px;
    width: 100%;
    color: white;
    background-color: rgb(50,50,50);
}

.BUTTON_TYPE3:hover
{
    display: flex;
    box-sizing: border-box;
    background-color: rgb(75,75,75);
}

.TAB_BTN
{
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    border: none;
    border-radius: 10px;
    background-color: rgb(50, 50, 50);
    height: 50px;
    gap: 15px;
    padding-left: 15px;
    padding-right: 15px;
    color: white;
}

.TAB_BTN img
{
    display: flex;
    box-sizing: border-box;
    object-fit: contain;
    display: block;
}

.TAB_BTN:hover
{
    background-color: rgb(70,70,70);
}

.TAB_BTN.active
{
    background-color: rgb(100,100,0);
    color: white;
}

.ADOPT_TOGGLE
{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    gap: 15px;
}

@media (max-width: 1190px)
{
    .BUTTON2_ICON_DSIZE
    {
        margin-top: 5px;
        width: 25px;
        height: 25px;
        flex-shrink: 0;
    }

    .BUTTON_TYPE2
    {
        cursor: pointer;
        display: flex;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        border-width: 0px;
        height: 50px;
        width: 50px;
        background-color: rgb(35,35,35);
        border-radius: 10px;
    }
    
    .BUTTON_TYPE4
    {
        display: flex;
        cursor: pointer;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        border-width: 0px;
        height: 50px;
        width: 50px;
        background-color: rgb(35,35,35);
        border-radius: 10px;
    }

    .ADOPT_TOGGLE
    {
        display: none;
    }

    .TAB_BTN
    {
        width: 50px;
    }
}

.BUTTON_TYPE_HOME
{
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    overflow: hidden;
    border-width: 0px;
    gap: 15px;
    height: 50px;
    width: 100%;
    padding-left: 10px;
    padding-right: 15px;
    background-color: rgb(100,100,0);
    border-radius: 10px;
    font-size: 15px;
}

.BUTTON_TYPE_HOME:hover
{
    background-color: rgb(125,125,0);
}

.BUTTON_TYPE_LOGIN
{
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    overflow: hidden;
    border-width: 0px;
    gap: 15px;
    height: 50px;
    width: 100%;
    padding-left: 10px;
    padding-right: 15px;
    background-color: rgb(100,100,0);
    border-radius: 10px;
    font-size: 15px;
}

.BUTTON_TYPE_LOGIN:hover
{
    background-color: rgb(125,125,0);
}

.BUTTON_TYPE_REGISTER
{
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    overflow: hidden;
    border-width: 0px;
    gap: 15px;
    height: 50px;
    width: 100%;
    padding-left: 10px;
    padding-right: 15px;
    background-color: rgb(100,100,0);
    border-radius: 10px;
    font-size: 15px;
}

.BUTTON_TYPE_REGISTER:hover
{
    background-color: rgb(125,125,0);
}

.BUTTON_TYPE_DASHBOARD
{
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    overflow: hidden;
    border-width: 0px;
    gap: 15px;
    height: 50px;
    width: 100%;
    padding-left: 10px;
    padding-right: 15px;
    background-color: rgb(100,100,0);
    border-radius: 10px;
    font-size: 15px;
}

.BUTTON_TYPE_DASHBOARD:hover
{
    background-color: rgb(125,125,0);
}

.BUTTON_TYPE_MEETINGS
{
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    overflow: hidden;
    border-width: 0px;
    gap: 15px;
    height: 50px;
    width: 100%;
    padding-left: 10px;
    padding-right: 15px;
    background-color: rgb(100,100,0);
    border-radius: 10px;
    font-size: 15px;
}

.BUTTON_TYPE_MEETINGS:hover
{
    background-color: rgb(125,125,0);
}

.BUTTON_TYPE_PROFILE
{
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    overflow: hidden;
    border-width: 0px;
    gap: 15px;
    height: 50px;
    width: 100%;
    padding-left: 10px;
    padding-right: 15px;
    background-color: rgb(100,100,0);
    border-radius: 10px;
    font-size: 15px;
}

.BUTTON_TYPE_PROFILE:hover
{
    background-color: rgb(125,125,0);
}

.BUTTON_TYPE_CONTACTUS
{
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    overflow: hidden;
    border-width: 0px;
    gap: 15px;
    height: 50px;
    width: 100%;
    padding-left: 10px;
    padding-right: 15px;
    background-color: rgb(100,100,0);
    border-radius: 10px;
    font-size: 15px;
}

.BUTTON_TYPE_CONTACTUS:hover
{
    background-color: rgb(125,125,0);
}

.BUTTON_TYPE_ABOUTUS
{
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    overflow: hidden;
    border-width: 0px;
    gap: 15px;
    height: 50px;
    width: 100%;
    padding-left: 10px;
    padding-right: 15px;
    background-color: rgb(100,100,0);
    border-radius: 10px;
    font-size: 15px;
}

.BUTTON_TYPE_ABOUTUS:hover
{
    background-color: rgb(125,125,0);
}