message: Move around defs
diff: @@ -24,31 +24,7 @@ const sizeAttributes = {
  }
  `
  };
  -const disabledAttributes = css`
  - & {
  - cursor: not-allowed;
  - opacity: 0.7;
  - outline: unset;
  - pointer-events: unset;
  - }
  -`;
  -const interactiveAttributes = css`
  - &:hover {
  - background-color: ${props => darken(0.05, palette()(props))};
  - }
  - &:hover:active {
  - background-color: ${props => darken(0.1, palette()(props))};
  - }
  -`;
  -const loadingAttributes = css`
  - & {
  - cursor: not-allowed;
  - &:focus {
  - outline: unset !important;
  - }
  - }
  -`;
  const linkAttributes = css`
  & {
  border: 0;
  @@ -75,6 +51,33 @@ const outlinedAttributes = css`
  }
  `;
  +const disabledAttributes = css`
  + & {
  + cursor: not-allowed;
  + opacity: 0.7;
  + outline: unset;
  + pointer-events: unset;
  + }
  +`;
  +
  +const interactiveAttributes = css`
  + &:hover {
  + background-color: ${props => darken(0.05, palette()(props))};
  + }
  + &:hover:active {
  + background-color: ${props => darken(0.1, palette()(props))};
  + }
  +`;
  +const loadingAttributes = css`
  + & {
  + cursor: not-allowed;
  +
  + &:focus {
  + outline: unset !important;
  + }
  + }
  +`;
  +
  export default css`
  align-items: center;
  background-color: ${palette()};
  