@import '@/styles/common.less';
@import '@/styles/variables.less';

.page-material-profile {
  &__footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #FFFFFF;
    padding: 12px 32px;
    box-shadow: 0px -4px 20px 0px #00000014;
    box-sizing: border-box;

    &__buttons {
      .flex-row();

      &__share {
        .button(@height: 88px, @fontSize: 32px, @fontWeight: 500, @borderRadius: 48px);
        flex: 1 1;
        color: @blHighlightColor;
        background: @blHighlightBg;
        margin-right: 32px;
      }

      &__manager {
        .button(@height: 88px, @fontSize: 32px, @fontWeight: 500, @borderRadius: 48px);
        flex: 2 2;
      }
    }
  }
}