#procuctBanner img{height:220px;width:200px;place-self:center;object-fit:contain;border-radius:8px}#procuctBanner button{display:flex;align-items:center;justify-content:center;transition:all .5s linear;cursor:pointer}#procuctBanner button:hover{scale:.95;opacity:.7}#procuctBanner{display:flex;flex-direction:column;gap:10px;padding:8px;border-radius:8px;transition:all .6s linear;background-color:#ffffff0e;backdrop-filter:blur(4px);color:var(--color-white)}#procuctBanner h1{font-size:17px;font-weight:600}#procuctBanner>div{position:relative;align-items:center;justify-content:center;background-image:url(/_next/static/media/bg.a6345d98.jpg);border-radius:15px;padding:5px;display:flex}#procuctBanner>div button{position:absolute;z-index:2;background-color:#ffffff2c;top:10px;right:10px;width:30px;height:30px;border-radius:50%;padding:4px;transition:all .5s linear}#procuctBanner>div button:hover{transform:rotate(30deg)}#procuctBanner figcaption{display:flex;justify-content:space-between;gap:40px;align-items:center}#procuctBanner figcaption>*{display:flex;flex-direction:column;align-items:center;gap:5px}#procuctBanner figcaption>span{display:flex}#procuctBanner figcaption>span>*{display:flex;align-items:center;gap:5px;width:100%}#procuctBanner p{font-size:12px}#procuctBanner footer{display:flex;justify-content:space-between;align-items:center;background-image:linear-gradient(120deg,var(--color-blue-700),#141414,#141414,#141414,var(--color-blue-700));color:var(--color-white);padding:7px;border-radius:20px}#procuctBanner footer button{background-color:var(--color-white);color:var(--color-black);border-radius:20px;padding:5px 8px;font-size:13px;gap:4px}#procuctBanner footer button:last-of-type{color:var(--color-blue-700);width:50px}#procuctBanner:hover{scale:1.01;cursor:pointer}