.cookie-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:hsl(0,0%,33%);padding:2rem;z-index:9999;width:90%;max-width:500px;box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:8px;border:1px solid hsl(158,100%,78%);color:hsl(0,0%,96%)}.cookie-modal label{font-size:clamp(1.2rem,1.171rem + .123vw,1.25rem);display:flex;gap:.5rem;margin-bottom:.5rem}.cookie-modal label span{font-size:.8rem;align-self:center}.cookie-modal input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.5rem;height:1.5rem;position:relative;transition:all .2s ease-in-out}.cookie-modal input[type=checkbox]:after{content:"";display:block;width:8px;height:14px;border:solid hsl(0,0%,33%);border-width:0 2px 2px 0;transform:rotate(45deg);position:absolute;top:2px;left:6px}.cookie-modal input[type=checkbox]:not(:checked):after{display:none}.cookie-modal input[type=checkbox]{background-color:hsl(0,0%,96%);border-radius:5px;outline:none;flex-shrink:0;margin-top:.2rem}.cookie-modal .title{font-size:clamp(1.2rem,1.171rem + .123vw,1.25rem);text-align:center;padding-bottom:1rem;font-weight:700}.cookie-modal .buttons-container{display:flex;gap:1rem;margin-top:1.5rem}.cookie-modal .buttons-container button{font-size:1rem;border:1px solid hsl(158,100%,78%);border-radius:5px;padding:.1rem .5rem;outline:none;transition:all .2s ease-in-out}.cookie-modal .buttons-container button[data-hovered],.cookie-modal .buttons-container button[data-pressed]{background-color:hsl(158,100%,78%);color:hsl(0,0%,33%)}