@media screen and (max-width:767px){.cookie-modal{position:fixed;bottom:0;width:100%;transform:translate(0);z-index:1000;background-color:var(--bg-third-color);padding:20px;box-shadow:0 0 10px rgba(0,0,0,.5);border:2px solid var(--primary-color2);display:flex;flex-direction:column;gap:4vw}.cookie-modal h1{font-size:1.5rem}.cookie-modal p{font-size:1rem}.cookie-modal .buttons{display:flex;justify-content:space-between;width:100%;gap:4vw}.cookie-modal .buttons button{padding:8px 30px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;border:2px solid var(--primary-color2);transition:all .3s ease-in-out}.cookie-modal .buttons button:nth-child(2){background-color:var(--primary-color);color:#ffffff}.cookie-modal .buttons button:first-child{background-color:#ffffff;color:#333f51;box-shadow:0 1px 2px 0 #6951ff0d}}@media screen and (min-width:768px){.cookie-modal{position:fixed;bottom:5%;left:5%;max-width:450px;transform:translate(-5%,-5%);z-index:1000;background-color:var(--bg-third-color);border-radius:10px;padding:20px;box-shadow:0 0 10px rgba(0,0,0,.5);border:1px solid var(--primary-color2);display:flex;flex-direction:column;gap:.75vw}.cookie-modal h1{font-size:1.5rem}.cookie-modal p{font-size:1rem;opacity:.75}.cookie-modal .buttons{display:flex;justify-content:space-between;align-items:center;width:100%;gap:1vw}.cookie-modal .buttons button{padding:8px 30px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;border:2px solid var(--primary-color2);transition:all .3s ease-in-out}.cookie-modal .buttons button:nth-child(2){background-color:var(--primary-color);color:#ffffff}.cookie-modal .buttons button:first-child{background-color:#ffffff;color:#333f51;box-shadow:0 1px 2px 0 #6951ff0d}}