// Material Design Alert
// --------------------------------------------------

$alert-material-content-margin:           24px !default;
$alert-material-background-color:         #fff !default;
$alert-material-border-radius:            4px !default;
$alert-material-box-shadow:               0px 27px 24px 0 rgba(0, 0, 0, 0.2) !default;


.alert[mode="md"] {

  .alert-container {
    box-shadow: $alert-material-box-shadow;
    border-radius: $alert-material-border-radius;
    overflow: hidden;
  }

  .alert-header {
    margin: $alert-material-content-margin;
    font-size: 2rem;
    font-weight: 400;
  }

  .alert-content {
    position: relative;
    margin: $alert-material-content-margin;
    background: $alert-material-background-color;
  }

  .alert-actions {
    min-height: 44px;
    background: $alert-material-background-color;
    margin: $alert-material-content-margin;

    button,
    [button] {
      border: 0;
    }
  }

}