uktrade/directory-components

%box {
  margin-bottom: 30px;

  .box-heading {
    margin-top: 0;
  }
}

// CTA BOX
// ========

.cta-box {
  @extend %box;
  padding: 45px;

  .button-container {
    float: right;

    .button {
      width: 100%;
      text-align: center;
    }
  }
}

// MESSAGE BOX
// ============

.message-box {
  @extend %box;
  @include float-clear;

  .box-description:last-child {
    margin-bottom: 0;
  }
}

.message-box-with-icon {
  @extend .message-box;
  display: table;
}

.message-box-icon {
  display: table-cell;
  font-family: system-ui;
  width: 80px;
  text-align: center;
  vertical-align: middle;
}

.message-box-icon-content {
  display: table-cell;
}


@media (max-width: 640px) {
  .message-box-icon {
    width: 50px;
  }
}