mixin

@mixin product-card-style {}

#snapshot-details {
  @include product-card-style;
}

Use common function in scss

%mat-field-bootstrap {
    .mat-form-field-wrapper {
      padding-bottom: 0;
    }
  
    .mat-form-field-infix {
      border: 1px solid #dce6e6;
      border-top: 1px solid #dce6e6 !important;
      border-radius: 5px;
      padding-left: 0.4375rem;
      padding-right: 0.4375rem;
      background-color: #fff;

      .mat-select-value-text, .mat-select-placeholder {
          line-height: 2rem;
      }
    }
  
    .mat-form-field-underline {
      display: none;
    }
}


.form-group {
    .mat-form-field {
        display: block;
        @extend %mat-field-bootstrap;

        &:focus {
            outline: 5px auto -webkit-focus-ring-color;
        }
    }
}