@performing/cookie-popup-gdpr
Version:
Simple and easy to use cookie popup for GDPR compliance
2 lines (1 loc) • 2.48 kB
CSS
.pcp-gdpr-wrapper{position:fixed;bottom:0;right:0;z-index:9999}.pcp-gdpr-wrapper .pcp-gdpr{padding:10px;max-height:100vh;overflow-y:auto;--content-title-color: #3f3f46;--content-description-color: #3f3f46;--primary-button-color: #fff;--primary-button-color-hover: #fff;--primary-button-background: #2e4cc7;--primary-button-background-hover: #5871d6;--secondary-button-color: #6b7280;--secondary-button-color-hover: #6b7280;--secondary-button-background: #fff;--secondary-button-background-hover: #f4f4f5;--link-button-color: #2e4cc7;--link-button-color-hover: #5871d6;--link-button-background: transparent;--link-button-background-hover: transparent}.pcp-gdpr-wrapper .pcp-gdpr-close{position:absolute;top:0;right:0;line-height:.5rem;margin:.5rem .5rem 0 0;cursor:pointer;font-size:18px}.pcp-gdpr-wrapper .pcp-gdpr-body{position:relative;background-color:#fff;padding:1.5rem;border-radius:2px;box-shadow:0 0 10px #0003;width:100%;max-width:400px;min-width:300px;gap:1rem;display:flex;flex-direction:column}.pcp-gdpr-wrapper .pcp-gdpr-body-content{display:flex;flex-direction:column;gap:1rem;font-size:14px}.pcp-gdpr-wrapper .pcp-gdpr-body-content-title{font-size:16px;font-weight:semibold;color:var(--content-title-color)}.pcp-gdpr-wrapper .pcp-gdpr-body-content-description{color:var(--content-description-color)}.pcp-gdpr-wrapper .pcp-gdpr-buttons{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.pcp-gdpr-wrapper .pcp-gdpr-button{font-weight:medium;border-radius:2px;padding:0 1rem;height:2rem;white-space:nowrap;transition:all .2s ease-in-out}.pcp-gdpr-wrapper .pcp-gdpr-button-primary{background-color:var(--primary-button-background);color:var(--primary-button-color)}.pcp-gdpr-wrapper .pcp-gdpr-button-primary:hover{background-color:var(--primary-button-background-hover);color:var(--primary-button-color-hover)}.pcp-gdpr-wrapper .pcp-gdpr-button-secondary{background-color:var(--secondary-button-background);border:1px solid var(--secondary-button-color);color:var(--secondary-button-color)}.pcp-gdpr-wrapper .pcp-gdpr-button-secondary:hover{background-color:var(--secondary-button-background-hover);color:var(--secondary-button-color-hover)}.pcp-gdpr-wrapper .pcp-gdpr-button-link{background:transparent;padding:0;height:auto;font-weight:400;background-color:var(--link-button-background);color:var(--link-button-color)}.pcp-gdpr-wrapper .pcp-gdpr-button-link:hover{background-color:var(--link-button-background-hover);color:var(--link-button-color-hover)}