.elementor-20317 .elementor-element.elementor-element-d4cae42{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20317 .elementor-element.elementor-element-9aa533c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:1%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}@media(max-width:767px){.elementor-20317 .elementor-element.elementor-element-9aa533c{--margin-top:2%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}}@media(min-width:768px){.elementor-20317 .elementor-element.elementor-element-9aa533c{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-9aa533c */.kitapgelir-filter-container {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin: 20px auto;
  max-width: 900px;
}

.kitapgelir-select,
.kitapgelir-button {
  padding: 10px;
  font-size: 16px;
  border-radius: 6px;
  border: 1px solid #ccc;
  min-width: 180px;
}

.kitapgelir-button {
  background-color: #0073e6;
  color: white;
  font-weight: bold;
  cursor: pointer;
  border: none;
  transition: background-color 0.3s ease;
}

.kitapgelir-button:hover {
  background-color: #005bb5;
}

@media (max-width: 600px) {
  .kitapgelir-filter-container {
    flex-direction: column;
    align-items: stretch;
  }

  .kitapgelir-select,
  .kitapgelir-button {
    width: 100%;
  }
}/* End custom CSS */