/* ***** ----------------------------------------------- ***** **
** ***** Objects/Buttons Styles
** ***** ----------------------------------------------- ***** */

.o-button {
  @apply u-inline-block u-bg-grey-light-c u-text-black u-leading-normal u-px-20 u-py-8
    u-transition-colors u-duration-slow sm:u-px-25 sm:u-py-10;


  &:hover {
    @media (hover: hover) {
      @apply u-bg-grey-dark-4 u-text-grey-light-c;
    }
  }

  &:active {
    @media (hover: hover) {
      @apply u-bg-grey-light-a u-text-black;
    }
  }
}

/* ***** ----------------------------------------------- ***** **
** ***** Objects/Buttons Styles
** ***** ----------------------------------------------- ***** */

.o-button {
  @apply u-inline-block u-bg-grey-light-c u-text-black u-leading-loose u-px-20 u-py-8
    u-transition-colors u-duration-slow hover:u-bg-grey-dark-4 hover:u-text-grey-light-c
    active:u-bg-grey-light-a active:u-text-black sm:u-px-25 sm:u-py-10;
}

Update button css to all tailwind
Update button css to all tailwind
