@import '@unistylus/core';

.button-warning-lg {
  display: inline-block;
  border: none;
  border-radius: var(--app-size-radius);
  background: var(--app-color-warning);
  color: var(--app-color-warning-contrast);
  padding: p('*', .375 * 1.2) p('*', .75 * 1.2);
  font-size: calc(1.2 * var(--app-size-font));

  & + & {
    margin-right: m('*', .5);
  }
  
  &:hover, &:focus, &:active {
    outline: 0;
    background: var(--app-color-warning-shade);
    color: var(--app-color-warning-contrast);
    text-decoration: none;
  }

  &:focus, &:active {
    box-shadow: 0 0 0 .25rem rgba(var(--app-color-warning-rgb), .3);
  }

  &:disabled {
    opacity: 1;
    background: rgba(var(--app-color-warning-rgb), .5);
    color: rgba(var(--app-color-warning-contrast-rgb), .5);
    box-shadow: none;
  }
}