.cookies-banner {
    z-index: 1600;
    max-width: 380px;
    background-color: color-mix(in srgb, var(--casals-cyan-800) 95%, transparent);
    color: var(--casals-white);
  }
  
  .cookies-banner-link {
    color: var(--casals-white);
    cursor: default;
    transition: text-decoration 0.2s ease;
  }
  
  .cookies-banner-link:hover,
  .cookies-banner-link:focus {
    text-decoration: underline !important;
    cursor: pointer;
  }
  
  .cookies-banner-link:focus {
    outline: 2px solid #fff;
    outline-offset: 2px;
  }
  
  .cookies-banner-btn-rechazar {
    transition:
      border-color 0.2s ease,
      text-decoration 0.2s ease;
  }
  
  .cookies-banner-btn-rechazar:hover,
  .cookies-banner-btn-rechazar:focus {
    text-decoration: underline;
    border-color: var(--casals-cyan-500) !important;
    color: #fff !important;
    background: transparent !important;
  }
  
  .cookies-banner-btn-rechazar:focus {
    outline: 2px solid #fff;
    outline-offset: 2px;
  }
  
  .cookies-banner-btn-aceptar {
    transition:
      background-color 0.2s ease,
      color 0.2s ease,
      text-decoration 0.2s ease;
  }
  
  .cookies-banner-btn-aceptar:hover,
  .cookies-banner-btn-aceptar:focus {
    background: var(--casals-cyan-500) !important;
    border-color: transparent !important;
    text-decoration: underline;
  }
  
  .cookies-banner-btn-aceptar:focus {
    outline: 2px solid #fff;
    outline-offset: 2px;
  }