a.btn_sm, button.btn_sm {
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 0.7em;
    background-color: #ccc;
    padding: 2px 15px 2px 15px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}
a.btn_md, button.btn_md {
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 0.9em;
    background-color: #ccc;
    padding: 2px 20px 3px 20px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}
a.btn_lg, button.btn_lg {
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 1.1em;
    background-color: #ccc;
    padding: 3px 25px 5px 25px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}

/* WYSZUKIWARKA ***************************************************************************************************** */
a.btn_search1, button.btn_search1 {
    @apply rounded-full text-sm pl-8 pr-4 py-1 bg-transparent relative hover:bg-[var(--color-gray2)];
    border: solid 2px var(--color-gray4);
    color: var(--color-gray4);
    cursor: pointer;
}
a.btn_close1, button.btn_close1 {
    @apply rounded-full pr-9 pl-4 py-1 bg-transparent relative hover:bg-[var(--color-gray2)];
    border: solid 2px var(--color-gray3);
    color: var(--color-gray3);
    cursor: pointer;
}
a.btn_close1:hover, button.btn_close1:hover {
    border: solid 2px var(--color-gray2);
    color: var(--color-gray5);
    cursor: pointer;
}
/* WYSZUKIWARKA - KONIEC ******************************************************************************************** */



/* LOGOWANIE ******************************************************************************************************** */
a.btn_login1, button.btn_login1 {
    @apply rounded-full text-sm pl-9 pr-4 py-1 bg-transparent relative hover:bg-[var(--color-gray2)];
    border: solid 2px var(--color-gray4);
    color: var(--color-gray4);
    cursor: pointer;
}
/* LOGOWANIE - KONIEC *********************************************************************************************** */



a.btn_default, button.btn_default {
    color: #334155;
    background-color: var(--color-white2);
}
a.btn_default:hover, button.btn_default:hover {
    background-color: var(--color-white1);
}

a.btn_green, button.btn_green {
    color: #FFFFFF;
    background-color: var(--color-green1);
}
a.btn_green:hover, button.btn_green:hover {
    background-color: var(--color-green2);
}

a.btn_blue, button.btn_blue {
    color: #FFFFFF;
    background-color: var(--color-blue1);
}
a.btn_blue:hover, button.btn_blue:hover {
    background-color: var(--color-blue2);
}

a.btn_orange, button.btn_orange {
    color: #FFFFFF;
    background-color: var(--color-orange1);
}
a.btn_orange:hover, button.btn_orange:hover {
    background-color: var(--color-orange2);
}

a.btn_red, button.btn_red {
    color: #FFFFFF;
    background-color: var(--color-red1);
}
a.btn_red:hover, button.btn_red:hover {
    background-color: var(--color-red2);
}

a.btn_purple, button.btn_purple {
    color: #FFFFFF;
    background-color: var(--color-purple1);
}
a.btn_purple:hover, button.btn_purple:hover {
    background-color: var(--color-purple2);
}

a.btn_gray, button.btn_gray {
    color: #FFFFFF;
    background-color: var(--color-gray1);
}
a.btn_gray:hover, button.btn_gray:hover {
    background-color: var(--color-gray2);
}