.fud-cta-typo {
  margin-top: calc(-.5 * var(--spacer));
}

  .fud-cta-typo-panel {
    /* display: inline-block !important; */
    position: relative;
    border: 1px solid var(--c-black) !important;
    padding: calc(1 * var(--spacer));

    /* font-weight: 700; */
    /* font-size: 14px; */
    /* line-height: 1.3em !important; */
    margin: calc(.5 * var(--spacer)) 0;
    /* min-height: 140px; */

  }

    .fud-cta-typo-title {
      padding: 0;
    }

    .fud-cta-typo a.fud-cta-typo-panel {
      text-decoration: none;
      border: none;
    }

    .fud-cta-typo .fud-cta-typo-panel.negative {
      background-color: var(--c-black);
      color: #fff;
    }

      .fud-cta-typo a.fud-cta-typo-panel.negative {
        color: #fff;
        display: block;
      }

    .fud-cta-typo a.fud-cta-typo-panel:hover {
      background-color: var(--c-main);
      color: var(--c-black);
    }

    .fud-cta-typo .fud-cta-typo-panel .fud-cta-typo-content {
      /* margin: 6px 0; */
      display: block;
      /* line-height: 1.3; */
    }

  .fud-cta-typo .layout-columns-2,
  .fud-cta-typo .layout-columns-3,
  .fud-cta-typo .layout-columns-4 {
    margin-left: 0;
    margin-right: 0;
  }

  .fud-cta-typo .layout-block .fud-cta-typo-panel,
  .fud-cta-typo .layout-columns-2 .fud-cta-typo-panel,
  .fud-cta-typo .layout-columns-3 .fud-cta-typo-panel,
  .fud-cta-typo .layout-columns-4 .fud-cta-typo-panel {
    width: calc(100% - calc(1 * var(--spacer)));
    width: 100%;
  }

  .fud-cta-typo .layout-height-flat {}

  .fud-cta-typo .layout-height-tall {}



@media only screen and (min-width: 576px) {


  .fud-cta-typo .layout-height-tall .fud-cta-typo-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }

}

@media only screen and (min-width: 768px) {

  .fud-cta-typo .layout-columns-2,
  .fud-cta-typo .layout-columns-4 {
    margin-left: calc(-.5 * var(--spacer));
    margin-right: calc(-.5 * var(--spacer));
  }

    .fud-cta-typo .layout-columns-2 .fud-cta-typo-panel,
    .fud-cta-typo .layout-columns-4 .fud-cta-typo-panel {
      width: calc(50% - calc(1 * var(--spacer)));
      flex: 0 0 auto;
      margin-left: calc(.5 * var(--spacer));
      margin-right: calc(.5 * var(--spacer));
    }

    .fud-cta-typo .layout-columns-2.layout-height-tall .fud-cta-typo-panel,
    .fud-cta-typo .layout-columns-4.layout-height-tall .fud-cta-typo-panel {
      padding-bottom: calc(calc(56.5% / 2) - var(--spacer));
    }

}


@media only screen and (min-width: 992px) {

  .fud-cta-typo .layout-columns-3 {
    margin-left: calc(-.5 * var(--spacer));
    margin-right: calc(-.5 * var(--spacer));
  }

    .fud-cta-typo .layout-columns-3 .fud-cta-typo-panel {
      width: calc(33.33333% - calc(1 * var(--spacer)));
      flex: 0 0 auto;
      margin-left: calc(.5 * var(--spacer));
      margin-right: calc(.5 * var(--spacer));
    }

    .fud-cta-typo .layout-columns-3.layout-height-tall .fud-cta-typo-panel {
      padding-bottom: calc(calc(56.5% / 3) - var(--spacer));
    }

  .fud-cta-typo .layout-columns-4 {
    margin-left: calc(-.5 * var(--spacer));
    margin-right: calc(-.5 * var(--spacer));
  }

    .fud-cta-typo .layout-columns-4 .fud-cta-typo-panel {
      width: calc(25% - calc(1 * var(--spacer)));
      flex: 0 0 auto;
      margin-left: calc(.5 * var(--spacer));
      margin-right: calc(.5 * var(--spacer));
    }

    .fud-cta-typo .layout-columns-4.layout-height-tall .fud-cta-typo-panel {
      /* padding-bottom: calc(calc(56.5% / 2) - var(--spacer)); */
    }

  .fud-cta-typo .layout-block.layout-height-tall {

  }

    .fud-cta-typo .layout-block.layout-height-tall .fud-cta-typo-panel {
      padding-bottom: calc(calc(56.5% / 1) - var(--spacer));
    }

}

@media only screen and (min-width: 1921px) {

  .fud-cta-typo-inner {
    font-size: 150%;
  }

}