.filter-buttons[data-v-a941cc42]{display:flex;flex-direction:column;gap:16px}.filter-buttons .button-flex[data-v-a941cc42]{display:flex;align-items:stretch;gap:8px}.filter-buttons .button-flex button[data-v-a941cc42]{display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:12px 8px;background:var(--white);border:2px solid var(--petrol-20);border-radius:8px;flex:1 1 85px;cursor:pointer;transition:all .25s ease-in-out}.filter-buttons .button-flex button.active[data-v-a941cc42]{border:2px solid var(--petrol-100);background:var(--petrol-20)}.filter-buttons .button-flex button.active>span[data-v-a941cc42]{color:var(--petrol-100)}.filter-buttons .button-flex button span[data-v-a941cc42]{font-size:12px;font-weight:700;font-family:Quicksand-Regular,sans-serif}.filter-buttons .button-flex button[data-v-a941cc42]:hover{border:2px solid var(--petrol-100)}.filter-buttons .border-wrapper[data-v-a941cc42]{width:100%;height:0px;background:var(--petrol-20)}.filter-buttons .border-wrapper .btn-border[data-v-a941cc42]{background:var(--petrol-100);height:2px;transition:all .25s ease-in-out}@media (min-width: 740px){.filter-buttons .button-flex button span[data-v-a941cc42]{font-size:16px}}@media (min-width: 1200px){.filter-buttons .button-flex button span[data-v-a941cc42]{font-size:18px}}