@randstad-design/orbit-multitheme/dist/assets/theme-randstad/components/notifications/alert.css

multitheme Front-end code based on Randstad Human Forward components

.notice-alert__closable {
  -webkit-transition: max-height 0.2s 0.2s, border 0.2s 0.2s;
  transition: max-height 0.2s 0.2s, border 0.2s 0.2s; }

.notice-alert__wrapper {
  padding-top: 20px;
  padding-bottom: 30px; }

.notice-alert__content {
  display: inline-block;
  position: relative;
  width: 100%; }
  .notice-alert__content .title {
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 30px;
    display: inline-block;
    margin-bottom: 20px;
    max-width: 90%; }
    @media (min-width: 941px) {
      .notice-alert__content .title {
        font-size: 32px;
        letter-spacing: -1px;
        line-height: 40px; } }

.notice-alert__description .description,
.notice-alert__description p {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px;
  margin-bottom: 0; }
  @media (min-width: 941px) {
    .notice-alert__description .description,
    .notice-alert__description p {
      font-size: 18px;
      letter-spacing: 0;
      line-height: 30px; } }

.notice-alert__description .button {
  margin-top: 20px; }

.notice-alert__close {
  display: inline-block;
  position: absolute;
  right: 0; }
  .notice-alert__close .icon {
    height: 35px;
    width: 23px; }

@media (min-width: 941px) {
  .notice-alert__close .icon {
    height: 40px;
    width: 30px; } }

/*# sourceMappingURL=alert.css.map */