.info-box {
    display: flex;
    gap: 16px;
    border: 1px solid rgb(205, 205, 200);
    border-radius: 4px;
    padding: 30px;
    .info-icon{
        svg{
            width: 100px;
        }
    }
    &--icon-left {
      flex-direction: row;
      
    }
    &--icon-right {
      flex-direction: row-reverse;
    }
    &--icon-top {
      flex-direction: column;
      
    }
    &--icon-bottom {
      flex-direction: column-reverse;
    }
    .info-content{
        .info-button{
            a{
                padding: 10px 18px;
                background-color: #0D0C1D;
                color: #fff;
                text-decoration: none;
                border-radius: 4px;
                font-size: 14px;
            }
        }
    }
  }

// Alignment classes from info_box_align choose control (prefix_class => me-info-box-align-)
.me-info-box-align-center{
  // icon left/right (row) -> horizontal center
  .info-box--icon-left,
  .info-box--icon-right{
    justify-content: center;
  }
  // icon top/bottom (column) -> horizontal center
  .info-box--icon-top,
  .info-box--icon-bottom{
    align-items: center;
  }
}
.me-info-box-align-right{
  // icon left/right (row) -> horizontal right
  .info-box--icon-left,
  .info-box--icon-right{
    justify-content: flex-end;
  }
  // icon top/bottom (column) -> horizontal right
  .info-box--icon-top,
  .info-box--icon-bottom{
    align-items: flex-end;
  }
}