a{
  font-size: 14.5px;
  color: var(--brand-c2);
  cursor: pointer;
}

.btn{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    padding:8px 10px;
    font-size:13px;
    font-weight:400;

    color:var(--brand-c1);
    background:transparent;
    border:3px solid var(--brand-c1);
    border-radius:var(--border-rad1);
    
    outline: none;

    cursor:pointer;
    transition:var(--transition);
}

.btn_fill{
    color:var(--bg);
    background:var(--brand-c1);
}

.btn:hover{
    transform:scale(0.95);
    color:var(--bg);
    background:var(--brand-c1);
}

.btn i{
    display:flex;
    align-items:center;
    justify-content:center;

    flex-shrink:0;
}

.category_btn{
    width: fit-content;
    font-size: 13.5px;
    padding: 10px;
    color: var(--bg);
    background: var(--brand-c2);
    border-radius: var(--border-rad1);
    cursor: pointer;
    outline: none;
    display: flex;
    gap: 5px;
    align-items: center;
}

.category_btn i{
    font-size: 13px;
}

.right_btn{
    width: fit-content;
    margin-left: auto;
}