.stock-filter {
list-style: none;
padding: 0;
margin: 0 0 30px 0;
display: flex;
flex-direction: column;
gap: 10px;
font-family: 'Geom', Arial, sans-serif;
font-size: 16px;
font-weight: 700;
}
.stock-label {
cursor: pointer;
padding: 8px 18px;
border-radius: 10px;
user-select: none;
border: 1px solid transparent;
color: #111;
background-color: #eee;
display: inline-block;
transition: border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}
.stock-label.active {
background-color: #000 !important;
color: #fff !important;
border: 1px solid #000 !important;
}
.stock-label:hover:not(.active):not(.clicked) {
background-color: #ddd;
border: 1px solid #000;
color: #111;
}
.stock-label.clicked:not(.active) {
background-color: #ddd;
border: 1px solid #000;
color: #111;
}
.stock-apply {
display: inline-block;
padding: 10px 20px;
border: none;
background-color: #12b0e7;
color: white;
font-weight: 600;
border-radius: 8px;
cursor: pointer;
font-family: 'Geom', Arial, sans-serif;
font-size: 16px;
transition: background-color 0.3s ease;
}
.stock-apply:hover,
.stock-apply:focus {
background-color: #000000;
outline: none;
}