.cta-container {
  /* =============================================================== RESPONSIVE =================================================================*/ }
  .cta-container .outer-box-cta {
    position: relative;
    display: table;
    border-radius: 40px;
    border: #fff 1px solid;
    margin: 40px auto;
    padding: 15px 36px 15px 20px;
    color: #fff;
    background-image: url(/media/image/c9f57610b63d6a676597c2e1ff3b00358f987d5f.svg);
    background-position: right 15px center;
    transition: all 0.2s; }
    .cta-container .outer-box-cta:hover {
      background-color: #fff;
      background-image: url(/media/image/2a175b2e83c152d702585e81265b217546bdf193.svg);
      background-position: right 13px center;
      color: #9ad2de;
      border-color: #fff;
      opacity: 1; }
    .cta-container .outer-box-cta.locked {
      background-color: #6385d2;
      background-image: url(/media/image/99fdeff948307f28c95b2c3b7bbe26cdb335ea16.svg);
      color: #fff;
      border-color: #6385d2; }
      .cta-container .outer-box-cta.locked:hover {
        background-position: right 15px center; }
    .cta-container .outer-box-cta.highlight {
      background-color: #ff6e46;
      margin: 20px auto 0 0;
      border-color: #fff; }
      .cta-container .outer-box-cta.highlight:hover {
        background-image: url(/media/image/631b5047ea2208129c0708f077a1a3b06f81cc07.svg);
        color: #ff6e46;
        border-color: #ff6e46;
        background-color: #fff; }
    .cta-container .outer-box-cta.neutral-highlight {
      border-color: #fff; }
      .cta-container .outer-box-cta.neutral-highlight:hover {
        color: #fff;
        border-color: #fff;
        background-color: #ff6e46;
        background-image: url(/media/image/c9f57610b63d6a676597c2e1ff3b00358f987d5f.svg); }
    .cta-container .outer-box-cta.see {
      border-color: #fff;
      background-image: url(/media/image/1b4ce58d6baf557ffa54e8217ce8671446ccfcf5.svg);
      background-size: 23px;
      transition: all 0.2s; }
      .cta-container .outer-box-cta.see:hover {
        color: #fff;
        border-color: #ff6e46;
        background-color: #ff6e46;
        background-image: url(/media/image/ce3ff6be06dc120214224fbb7403196267e6fe72.svg); }
    .cta-container .outer-box-cta.white-transparent {
      border: none;
      background-color: rgba(255, 255, 255, .2);
      background-position: 91% center;
      background-image: url(/media/image/c9f57610b63d6a676597c2e1ff3b00358f987d5f.svg);
      transition: all 0.2s; }
      .cta-container .outer-box-cta.white-transparent:hover {
        color: #fff;
        background-color: rgba(255, 255, 255, .5);
        background-position: 93% center; }
    .cta-container .outer-box-cta.white-transparent-neutral {
      border: none;
      background-color: rgba(255, 255, 255, .2);
      background-image: url();
      transition: all 0.2s;
      text-align: center;
      padding: 15px 36px; }
      .cta-container .outer-box-cta.white-transparent-neutral:hover {
        color: #fff;
        background-color: rgba(255, 255, 255, .5);
        background-image: url(); }
    .cta-container .outer-box-cta.neutral {
      border-color: #fff;
      background-image: url();
      width: calc(100% - 60px);
      text-align: center;
      padding: 15px 20px; }
      .cta-container .outer-box-cta.neutral:hover {
        background-color: #fff;
        color: #3d5fc6;
        background-image: url(); }
    .cta-container .outer-box-cta.selected {
      background-image: url(/media/image/34cc92328a807bdce48ee924f11563c64416b0cc.svg);
      color: #fff;
      border-color: #ff6e46;
      background-color: #ff6e46;
      padding: 15px 36px 15px 20px;
      cursor: default; }
      .cta-container .outer-box-cta.selected:hover {
        background-image: url(/media/image/34cc92328a807bdce48ee924f11563c64416b0cc.svg);
        background-position: right 15px center;
        color: #fff;
        border-color: #ff6e46;
        background-color: #ff6e46;
        opacity: 1; }
    .cta-container .outer-box-cta.back {
      background-image: url(/media/image/224d70f865a9b1ed4820d941ce2cc2a09b9d6558.svg);
      background-position: left 15px center;
      border-color: #fff;
      /*padding: 0 30px 0 40px;
            width: calc(100% - 60px);*/
      padding: 15px 20px 15px 40px; }
      .cta-container .outer-box-cta.back:hover {
        background-image: url(/media/image/3bbdf51b3f687191045a65116a0aea9f41e10d93.svg);
        background-position: left 13px center;
        background-color: #fff;
        color: #3d5fc6; }
    .cta-container .outer-box-cta.mobile-login {
      background-color: #6385d2;
      background-image: url();
      color: #fff;
      width: calc(100% - 60px);
      text-align: center;
      padding: 15px 20px;
      border: none;
      box-shadow: 0 0 20px rgba(35, 52, 117, 0.7); }
    .cta-container .outer-box-cta .inner-box-cta {
      font-size: 16px;
      display: table-cell;
      vertical-align: middle; }

@media (max-width: 960px) {
  .cta-container .outer-box-cta {
    margin: 20px auto; } }