.ads-Snackbar {
  @apply inline-flex
    items-center
    bg-gray-900
    text-gray-200
    text-h4
    font-medium
    rounded
    px-3
    h-10
    mb-6
    mx-6
    leading-none;
}

.ads-Snackbar-icon {
  @apply mr-3;
}

.ads-Snackbar-action {
  @apply text-blue-300
    no-underline
    uppercase
    ml-2
    p-1
    rounded
    font-medium;
}

.ads-Snackbar-action:hover,
.ads-Snackbar-action:active,
.ads-Snackbar-action:focus {
  @apply text-blue-200;
}

.ads-Snackbar-action:focus {
  @apply shadow-focusBrand;
}

.ads-Snackbar-dismiss {
  @apply text-gray-400;

  /* Offset extra padding around button */
  margin-left: 6px;
  margin-right: -6px;
}

.ads-Snackbar-dismiss:hover,
.ads-Snackbar-dismiss:active,
.ads-Snackbar-dismiss:focus {
  @apply text-gray-500;
}

.ads-Snackbar-dismiss:focus {
  @apply shadow-focusBrand;
}