.FillterNav {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 20px;
}
.SelectFillters {
  display: flex;
  gap: 20px;
  .ant-select-single.ant-select-lg {
    width: 10vw;
    height: 3vw;
  }
  .ant-select-single.ant-select-lg:not(.ant-select-customize-input)
    .ant-select-selector {
    background: transparent !important;
    border: 0.2vw solid var(--primary);
    border-radius: 70px;
    text-align: center;
  }
  .ant-select-single.ant-select-lg.ant-select-show-arrow
    .ant-select-selection-item,
  .ant-select-single.ant-select-lg.ant-select-show-arrow
    .ant-select-selection-placeholder {
    color: var(--primary);
  }
  .ant-select .ant-select-arrow {
    color: var(--primary);
    inset-inline-end: 20px;
  }
  .ant-select .ant-select-arrow {
    inset-inline-end: 20px;
  }
}
.SearchButton {
  background-color: var(--primary);
  border-radius: 50%;
  width: 3vw;
  height: 3vw;
  @include Flex;
  svg {
    color: var(--white);
    font-size: 20px;
  }
}

.add_button {
  outline: none;
  border: none;
  min-width: 120px;
  border-radius: 6px;
  padding: 9px !important;
  font-weight: bold;
  background: var(--primary);
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 14px;
  
  svg {
    font-size: 16px;
    
  }
  transition: .4s ease-in-out;

  &:hover{
    scale: 1.1;
  }
}