      :cursor "pointer"}
 
     [:&.disabled
-     {:background "#ccc"
+     {:background disabled-button-color
       :cursor "not-allowed"}]
 
     [:&::after

      (input-field-mixin)

      [:&:focus
       {:border-color braid-color
        :outline "none"}]]

     ["::-webkit-input-placeholder"
      {:color "#eee"}]]

    [:&.invalid
     ["input[type=text]"

       {:border-left "none"
        :display "inline-block"
        :vertical-align "top"
        :background disabled-input-color
        :color secondary-text-color
        :border-radius [[0 border-radius border-radius 0]]}

       [:&::after
