@media all {
  .alert--global {
    border-top: 4px solid #f99e28;
    background-color: #f9f2e9;
    position: relative; }
    .alert--global:before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(169, 123, 63, 0)), color-stop(70%, rgba(169, 123, 63, 0)), to(rgba(169, 123, 63, 0.25)));
      background: linear-gradient(to bottom, rgba(169, 123, 63, 0) 0%, rgba(169, 123, 63, 0) 70%, rgba(169, 123, 63, 0.25) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a97b3f', endColorstr='#a97b3f',GradientType=0 ); }
    .alert--global > .container {
      position: relative;
      padding: 1em 3em; }
    .alert--global .close {
      font-size: 1rem;
      color: #cdb18c;
      position: absolute;
      top: 5px;
      opacity: 1;
      padding-left: 0.5em;
      padding-right: 0.5em; } }
    @media all and (min-width: 768px) {
      .alert--global .close {
        top: 9px; } }

@media all {
      .alert--global .close:hover, .alert--global .close:focus {
        color: #9D6D2F; } }