.basic-inline-block-has-actions {
  .basic-inline-block-actions {
    margin-top: clamp(1.5rem, 2vw, 2.25rem);

    .basic-inline-block-cta {
      --bs-btn-bg: #fff;
      --bs-btn-border-color: #fff;
      --bs-btn-color: var(--icm-color-text-strong);
      --bs-btn-hover-bg: rgba(255, 255, 255, 0.92);
      --bs-btn-hover-border-color: rgba(255, 255, 255, 0.92);
      --bs-btn-hover-color: var(--icm-color-text-strong);
      --bs-btn-active-bg: rgba(255, 255, 255, 0.82);
      --bs-btn-active-border-color: rgba(255, 255, 255, 0.82);
      --bs-btn-active-color: var(--icm-color-text-strong);
      align-items: center;
      border: 1px solid transparent;
      border-radius: var(--icm-radius-pill);
      color: var(--icm-color-text-strong) !important;
      display: inline-flex;
      gap: 0.75rem;
      margin-left: 1rem;
      margin-right: 1rem;
      padding: 0.9rem 2rem;
      text-decoration: none;
      transition:
        background-color 180ms ease,
        border-color 180ms ease,
        color 180ms ease,
        transform 180ms ease,
        box-shadow 180ms ease;
    }

    .basic-inline-block-cta:first-child {
      background: #fff;
      border-color: #fff;
      color: var(--icm-color-text-strong) !important;
      box-shadow: 0 0.75rem 1.5rem rgba(12, 34, 72, 0.12);
    }

    .basic-inline-block-cta:first-child:hover,
    .basic-inline-block-cta:first-child:focus-visible,
    .basic-inline-block-cta:first-child:active {
      background: rgba(255, 255, 255, 0.92);
      border-color: rgba(255, 255, 255, 0.92);
      color: var(--icm-color-text-strong) !important;
      box-shadow: 0 1rem 2rem rgba(12, 34, 72, 0.16);
      transform: translateY(-0.125rem);
    }

    .basic-inline-block-cta:nth-child(2) {
      background: transparent;
      border-color: rgba(255, 255, 255, 0.78);
      color: #fff !important;
      box-shadow: none;
    }

    .basic-inline-block-cta:nth-child(2),
    .basic-inline-block-cta:nth-child(2) span,
    .basic-inline-block-cta:nth-child(2) i {
      color: #fff !important;
    }

    .basic-inline-block-cta:nth-child(2):hover,
    .basic-inline-block-cta:nth-child(2):focus-visible,
    .basic-inline-block-cta:nth-child(2):active {
      background: rgba(255, 255, 255, 0.12);
      border-color: #fff;
      color: #fff !important;
      transform: translateY(-0.125rem);
    }

    .basic-inline-block-cta:first-child,
    .basic-inline-block-cta:first-child span,
    .basic-inline-block-cta:first-child i {
      color: var(--icm-color-text-strong) !important;
    }

    .basic-inline-block-cta:hover,
    .basic-inline-block-cta:focus-visible,
    .basic-inline-block-cta:active {
      text-decoration: none;
    }

    .basic-inline-block-cta i {
      font-size: 0.95em;
      transition: transform 0.2s ease;
    }

    .basic-inline-block-cta:hover i,
    .basic-inline-block-cta:focus-visible i {
      transform: translateX(0.2rem);
    }
  }
}