.mf-average-rates-panel {
  margin-top: 10px; }
  .mf-average-rates-panel .mf-average-rates-panel-preview-code {
    display: flex;
    max-height: 800px; }
    .mf-average-rates-panel .mf-average-rates-panel-preview-code .mf-border {
      border: 2px solid black;
      border-radius: 5px;
      padding-left: 10px;
      padding-top: 10px;
      padding-bottom: 10px; }
    .mf-average-rates-panel .mf-average-rates-panel-preview-code .mf-heading {
      margin-bottom: 10px;
      margin-top: 10px;
      text-align: center; }
    .mf-average-rates-panel .mf-average-rates-panel-preview-code .mf-preview {
      height: 100%; }
    .mf-average-rates-panel .mf-average-rates-panel-preview-code .mf-average-rates-panel-preview-section {
      margin-right: 20px;
      width: 525px; }
      .mf-average-rates-panel .mf-average-rates-panel-preview-code .mf-average-rates-panel-preview-section .rates-preview {
        height: 90%;
        overflow: auto; }
    .mf-average-rates-panel .mf-average-rates-panel-preview-code .mf-average-rates-panel-code-section {
      width: 50%; }
      .mf-average-rates-panel .mf-average-rates-panel-preview-code .mf-average-rates-panel-code-section .rates-code {
        background-color: #f5f5f5;
        height: 90%; }
  .mf-average-rates-panel .mf-button {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 10px; }
    .mf-average-rates-panel .mf-button button {
      background-color: #007bff;
      border: none;
      border-radius: 5px;
      color: white;
      margin: 0 10px;
      padding: 5px 25px; }
      .mf-average-rates-panel .mf-button button :focus, .mf-average-rates-panel .mf-button button:focus {
        outline: none; }