.experience_cta {
  .container {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    background-color: #181818;
    border-radius: 56px;
    padding: 44px 60px 61px 46px;
    gap: 36px;

    @media (max-width: 1024px) {
      grid-template-columns: 1fr;
      padding: 28px 34px;
    }

    .cta {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      color: var(--c-white);

      @media (max-width: 1024px) {
        text-align: center;
      }

      h3 {
        margin-block: 0;
        font-size: 44px;
      }
      .action {
        width: 100%;
        a {
          border-radius: 28px;
          font-size: 35px;
          padding-block: 28px;
          color: var(--c-gray-900);
          background-color: #fffaee;
          &:hover {
            color: #fffaee;
            background-color: transparent;
            border-color: #fffaee;
          }
          @media (max-width: 1024px) {
            padding-block: 28px;
            border-radius: 20px;
          }
        }
      }
    }
    .video {
      width: 100%;
      height: 285px;
      border-radius: 37px;
      overflow: hidden;
      border: 1px solid #ffffff;
      > video {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }
  }
}