.cookie_cta button {
    background-color: #7787be;
    border: none;
    border-radius: 50%;
    padding: 12px;
    box-shadow: 0 4px 12px rgb(0 0 0 / .15);
    cursor: pointer;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease
}

.cookie_cta button:hover {
    background-color: #576cb5
}

.cookie_cta svg {
    fill: #fff
}

#cc-main .section__toggle:checked~.toggle__icon {
    background: #7787be !important;
    box-shadow: none !important
}

#cc-main .cm__btn,
#cc-main .pm__btn {
    background: #7787be !important;
    border-color: #7787be !important
}

#cc-main .pm__btn:hover,
#cc-main .cm__btn:hover {
    background-color: #576cb5 !important;
    border-color: #576cb5 !important
}

#cc-main .pm__btn--secondary,
#cc-main .cm__btn--secondary {
    background: #eaeff2 !important;
    border-color: #eaeff2 !important
}

#cc-main .pm__btn--secondary:hover,
#cc-main .cm__btn--secondary:hover {
    background: #d4dae0 !important;
    border-color: #d4dae0 !important
}

#cc-main .cc__link,
#cc-main a {
    background-image: #576cb5 !important;
    color: #576cb5 !important
}

#cc-main ol, #cc-main ul {
    padding-left: 2rem;
}

@media (max-width:552px) {
    .cookie_cta{
        right: 20px;
        left: unset;
        bottom: 80px;
    }

    .cookie_cta.mobile button {
        width: 40px;
        height: 40px;
        padding: 8px
    }
}

#cc-main .cm__btn, #cc-main .pm__btn{
    min-height: 30px !important;
    font-size: 12px !important;
}
#cc-main .pm__section-desc,
#cc-main .cm__desc{
    line-height: 1.2 !important;
}

#cc-main .cm__btn[data-role="necessary"] {
  /* background-color: var(--cc-btn-secondary-bg) !important;
  color: var(--cc-btn-secondary-color) !important;
  border: 1px solid var(--cc-btn-secondary-border-color) !important; */

  background-color: #fff !important;
  color: var(--cc-btn-secondary-color) !important;
  border: 1px solid #fff !important;
  text-decoration: underline !important;
  padding-right: 0px;
  padding-left: 0px;
  position: relative;
}

/* #cc-main .cm__btn[data-role="necessary"]::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1px;
  width: 1px;
  height: 70%;
  background-color: #cacaca;
  transform: translateY(-50%);
} */

/* #cc-main .cm__btn[data-role="necessary"]:hover {
  background-color: #fff !important;
  color: var(--cc-btn-secondary-hover-color) !important;
  border-color: #fff !important;
} */

#cc-main .pm__btn[data-role="necessary"] {
    background-color: #fff !important;
    color: var(--cc-btn-secondary-color) !important;
    border: 1px solid #fff !important;
    /* background-color: var(--cc-btn-secondary-bg) !important;
    color: var(--cc-btn-secondary-color) !important;
    border: 1px solid var(--cc-btn-secondary-border-color) !important; */
    text-decoration: underline !important;
}

/* #cc-main .pm__btn[data-role="necessary"]:hover {
  background-color: var(--cc-btn-secondary-hover-bg) !important;
  color: var(--cc-btn-secondary-hover-color) !important;
  border-color: var(--cc-btn-secondary-hover-border-color) !important;
} */

#cc-main .cm__btn[data-role="show"] {
  /* background-color: var(--cc-btn-secondary-bg) !important;
  color: var(--cc-btn-secondary-color) !important;
  border: 1px solid var(--cc-btn-secondary-border-color) !important; */

  background-color: #fff !important;
  color: var(--cc-btn-secondary-color) !important;
  border: 1px solid #fff !important;
  text-decoration: underline !important;
  padding-right: 0px;
  padding-left: 0px;
}

/* #cc-main .cm__btn[data-role="show"]:hover {
  background-color: var(--cc-btn-secondary-hover-bg) !important;
  color: var(--cc-btn-secondary-hover-color) !important;
  border-color: var(--cc-btn-secondary-hover-border-color) !important; 
} */

#cc-main .cm{
  flex-direction: column-reverse !important;
  overflow: visible !important;
}

#cc-main .pm__close-btn{
  background: #7787be !important;
  border-color: #7787be !important;
}

#cc-main .pm__close-btn:hover{
  background: #576cb5 !important;
  border-color: #576cb5 !important;
}

#cc-main .pm__close-btn svg{
  stroke: #fff !important;
}

#cc-main .pm__close-btn{
  height: 30px !important;
  width: 30px !important;
}

#cc-main .cc-footer-close.pm__close-btn{
  height: 20px !important;
  width: 20px !important;
  /* margin-left: auto !important; */
  border-radius: 50% !important;
  position: absolute !important;
  right: -7px !important;
  top: -10px !important;
}

/* New design change start */
#cc-main .cm__btns .cm__btn-group:last-child {
  position: relative;
}

#cc-main .cm__btns .cm__btn-group:last-child::after {
  content: '';
  position: absolute;
  top: 55%;
  left: 50%;
  width: 1px;
  height: 55%;
  background-color: #cacaca;
  transform: translate(-50%, -50%);

}

#cc-main .cm--flip .cm__btn+.cm__btn, #cc-main .cm--flip .cm__btn-group+.cm__btn-group{
  gap: 0;
}

#cc-main .cm__btns{
  flex-direction: column !important;
}

#cc-main .cm__btn+.cm__btn, #cc-main .cm__btn-group+.cm__btn-group{
  margin-top: 0 !important;
}

  /* New Design change end */

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

  /* make all button groups display in one row */
  #cc-main .cm__btns{
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    gap: .375rem;
  }

  /* #cc-main .cm__btn+.cm__btn, #cc-main .cm__btn-group+.cm__btn-group{
    margin-top: 0 !important;
  } */

  #cc-main .cm--cloud .cm__btns{
    /* max-width: 42vw !important; */
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
  }

  #cc-main .cm--cloud .cm__btn-group{
    display: flex !important;
    flex-direction: row-reverse !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    /* gap: .375rem; */
    
  }


  #cc-main .cm--flip .cm__btn+.cm__btn, #cc-main .cm--flip .cm__btn-group+.cm__btn-group{
    margin-bottom: 0 !important;
  }

  #cc-main .cm__desc{
    font-size: 12px !important;
    line-height: 15px !important;
  }

  #cc-main .cm--cloud .cm__desc a{
    margin-top: 5px !important;
  }

  #cc-main .cm--cloud .cm__btns{
    border-left: 0 !important;
  }

  #cc-main .cm--cloud .cm__btn{
    min-width: 7em !important;
    min-height: 3em !important;
    height: 3em !important;
  }

  /* optional: force modal wider */
  #cc-main .cm--cloud{
    max-width: 95vw !important;
  }

  #cc-main .cm__btn[data-role="all"] {
    min-width: 10em !important;
  }
}

@media screen and (max-width: 640px) {
  #cc-main .cc--anim .pm ,
  #cc-main .pm-overlay,
  #cc-main .pm,
  .show--preferences #cc-main .cc--anim .pm-overlay,
  .show--preferences #cc-main .cc--anim .pm{
    max-height: 60vh;
    max-height: 60svh;
    box-shadow: 0 -4px 15px rgba(0,0,0,0.25);
    top: auto;
    border-radius: 0.5rem !important;
  }

  #cc-main .pm{
    margin: 10px !important;
  }

  /* New design start */
  #cc-main .pm__btn[data-role="necessary"] {

    background-color: var(--cc-btn-secondary-bg) !important;
    color: var(--cc-btn-secondary-color) !important;
    border: 1px solid var(--cc-btn-secondary-border-color) !important;
    text-decoration: none !important;
  }

  #cc-main .cm__btn{
    flex: none !important;
  }

  #cc-main .cm--cloud .cm__btn-group{
    width: 100%;
  }

  #cc-main .cm__btn[data-role="all"] {
    width: 100%;
  }

  #cc-main .cm--cloud .cm__btn {
    min-width: 10em !important;
  }

  #cc-main .cm__btn+.cm__btn, #cc-main .cm__btn-group+.cm__btn-group{
    flex-direction: row-reverse !important;
  }

  #cc-main .cm__btn-group {
    margin-top: 0 !important;
  }

  #cc-main .cm__btn-group:last-child .cm__btn {
    margin-top: 0 !important;
  }

  #cc-main .cm__btn[data-role="necessary"]{
    margin-left: auto !important;
  }
  
  #cc-main .cm__btn[data-role="show"]{
    margin-right: auto !important;
  }

  /* New Design End */
}