.navbar{position:fixed;top:1rem;z-index:999;display:flex;justify-content:space-between;align-items:center;border-radius:8px;gap:20px;width:calc(94% - 6rem);height:56px;padding:0 3%;margin:0 3rem;background-color:var(--white);box-shadow:0 0 32px 0 rgba(0,0,0,.08)}@media screen and (max-width:768px){.navbar{height:48px;width:calc(94% - 3rem);margin:0 1.5rem}}@media screen and (max-width:500px){.navbar{height:40px;width:calc(94% - 2rem);margin:0 1rem}}.navbar .checkOutButton{display:flex;justify-content:flex-start;align-items:center;gap:8px;font-size:1rem;font-weight:700;background:linear-gradient(201deg,#f660a8 -14.35%,#6919ec);background:-webkit-linear-gradient(201deg,#f660a8 -14.35%,#6919ec);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media screen and (max-width:768px){.navbar .checkOutButton{gap:6px}}@media screen and (max-width:500px){.navbar .checkOutButton{gap:4px}}.navbar .checkOutButton img{margin-top:-2px}@media screen and (max-width:768px){.navbar .checkOutButton img{margin-top:-1px;width:8px;height:12px}}.navbar p{font-size:1rem}.navbar p a{font-weight:700;background:linear-gradient(201deg,#f660a8 -14.35%,#6919ec);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}