@define-mixin drop-down {
  background: svg-load(../../svg/arrow-down.svg) #fff no-repeat;
  background-size: 16px 16px;
  background-position: 98% 65%;
  border: var(--drop-down-border);
  border-radius: var(--drop-down-border-radius);
  color: var(--drop-down-font-color);
  height: var(--drop-down-height);
  font-size: var(--drop-down-font-size);
  line-height: var(--drop-down-line-height);
  padding: var(--drop-down-padding);
  width: 100%;

  &[disabled] {
    background-color: var(--drop-down-disabled-background-color);
    -webkit-text-fill-color: var(--drop-down-disabled-font-color);
  }

}