@prefixCls: ~'igloo-transit-notification-section';

.@{prefixCls} {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 80px 0;
  &-title {
    margin-top: 36px;
    color: #212121;
  }
  &-content {
    width: 460px;
    margin-top: 16px;
    color: #666666;
    text-align: center;
    &-item {
      margin: 0;
      &:not(:first-child) {
        margin: 16px 0 0;
      }
    }
  }
  &-button {
    width: 253px;
    margin-top: 32px;
  }
}

.@{prefixCls}-is-mobile {
  padding: 0 16px;
  text-align: center;
  & > .@{prefixCls}-title {
    margin-top: 32px;
  }
  & > .@{prefixCls}-content {
    width: 100%;
    margin-top: 16px;
  }
  & > .@{prefixCls}-button {
    width: 73.76%;
    margin-top: 32px;
  }
}