.cassie-cookie-modal--group .cassie-cookie-children--container--open {
    display: none !important;
}


.cassie-cookie-modal--header--content p {
  font-size: 12px !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.cassie-cookie-modal--group-head-container .cassie-cookie-group--description {
   font-family: Arial, Helvetica, sans-serif !important;
}

.cassie-pre-banner--text p {
    font-size: 14px !important;
  font-family: Arial, Helvetica, sans-serif !important;
}


.cassie-cookie-group--description p {
  font-size: 12px !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.cassie-expand-cookies--container .cassie-expand-cookies--icon {
    display: none;
}


.cassie-pre-banner .cassie-accept-all {
    position: relative;
    align-items: center;
    margin-top: 5%;
    margin-bottom: 5%;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 0 150 / var(--tw-border-opacity));
    background-color: rgb(255 0 150 / var(--tw-border-opacity));
    border-radius: 0px;
    padding: 10px 16px;    
    min-height: 48px;             
    min-width: 140px;             
    font-size: 0.75rem;           
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.015em;       
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.cassie-pre-banner .cassie-accept-all:hover {
  opacity: 1;
}



.cassie-pre-banner .cassie-view-all {
    align-items: center;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 0 150 / var(--tw-border-opacity));
    background-color: transparent;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.015em;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    border: 1px solid rgb(255 0 150 / var(--tw-border-opacity)) !important;
    border-radius: 0px;
    margin-top: 5%;
    margin-bottom: 5%;

}

.cassie-pre-banner .cassie-view-all {
  background-image: linear-gradient(
    to right,
    rgb(255 0 150 / var(--tw-border-opacity)) 100%,
    transparent 0%
  );
  background-size: 0% 100%;
  background-repeat: no-repeat;
  transition: background-size 300ms ease, color 300ms ease;
}

.cassie-pre-banner .cassie-view-all:hover {
  background-size: 100% 100%;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.cassie-cookie-modal--save-preferences--container .cassie-cookie-modal--save-preferences {
    align-items: center;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 0 150 / var(--tw-border-opacity));
    background-color: transparent;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.015em;
    --tw-text-opacity: 1;
    color: rgb(16 16 16 / var(--tw-text-opacity));
    border: 1px solid rgb(255 0 150 / var(--tw-border-opacity)) !important;
    border-radius: 0px;
    margin-top: 5%;
    margin-bottom: 5%;

}

.cassie-cookie-modal--save-preferences--container .cassie-cookie-modal--save-preferences {
  background-image: linear-gradient(
    to right,
    rgb(255 0 150 / var(--tw-border-opacity)) 100%,
    transparent 0%
  );
  background-size: 0% 100%;
  background-repeat: no-repeat;
  transition: background-size 300ms ease, color 300ms ease;
}

.cassie-cookie-modal--save-preferences--container .cassie-cookie-modal--save-preferences:hover {
  background-size: 100% 100%;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}



.cassie-pre-banner .cassie-view-all svg {
    display: none;
}


@media only screen and (min-width: 992px) {
    .cassie-bottom .cassie-pre-banner--button {
        width: 40%;
    }
}

@media only screen and (min-width: 1200px) {
    .cassie-bottom .cassie-pre-banner--button {
        width: 40%;
    }
}
@media only screen and (min-width: 1600px) {
    .cassie-bottom .cassie-pre-banner--button{
        width: 40%;
    }
}

@media only screen and (min-width: 768px) {
    .cassie-cookie-module>.cassie-cookie-modal {
        border-right: 0px solid !important;
    }
}

.cassie-bottom .cassie-pre-banner--button--container {
        flex-direction: row-reverse;
        justify-content: center;
    }