:root{--bg-theme: #0f1929;--title-color: #344767;--des-color: #374151;--btn-color: #344767}body{background-color:#f8faff}.product{display:flex;align-items:center;max-width:1390px;margin:0 auto;gap:40px}.product .photo img{width:712px}.product .des{width:638px}.product .des h3{font-size:40px;color:var(--title-color);font-weight:700}.product .des p{font-size:18px;color:var(--des-color);margin-top:10px}.product .des a{margin-top:32px;display:block;font-size:22px;border:1px solid var(--bg-theme);border-radius:36px;padding:12px 40px;width:-moz-fit-content;width:fit-content;cursor:pointer;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;color:var(--btn-color);background-color:#fff;border-color:var(--bg-theme)}.product .des a:hover{background-color:var(--bg-theme);color:#fff}@media (min-width: 0px) and (max-width: 640px){.product .des a{font-size:14px;padding:6px 21px}}@media (min-width: 641px) and (max-width: 1024px){.product .des a{font-size:14px;padding:6px 21px}}@media (min-width: 641px) and (max-width: 1024px){.product{max-width:741px}.product .photo img{width:380px}.product .des{width:340px}.product .des h3{font-size:24px}.product .des p{font-size:14px}.product .des a{margin-top:32px;font-size:22px;border:1px solid var(--bg-theme);border-radius:36px;padding:12px 40px;width:-moz-fit-content;width:fit-content;cursor:pointer;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;color:var(--btn-color);background-color:#fff;border-color:var(--bg-theme)}.product .des a:hover{background-color:var(--bg-theme);color:#fff}}@media (min-width: 641px) and (max-width: 1024px) and (min-width: 0px) and (max-width: 640px){.product .des a{font-size:14px;padding:6px 21px}}@media (min-width: 641px) and (max-width: 1024px) and (min-width: 641px) and (max-width: 1024px){.product .des a{font-size:14px;padding:6px 21px}}@media (min-width: 0px) and (max-width: 640px){.product{max-width:343px;flex-direction:column;gap:12px}.product:nth-of-type(2){flex-direction:column-reverse}.product .photo img{width:380px}.product .des{width:340px}.product .des h3{font-size:24px}.product .des p{font-size:14px;margin-top:5px}.product .des a{margin-top:17px;font-size:22px;border:1px solid var(--bg-theme);border-radius:36px;padding:12px 40px;width:-moz-fit-content;width:fit-content;cursor:pointer;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;color:var(--btn-color);background-color:#fff;border-color:var(--bg-theme)}.product .des a:hover{background-color:var(--bg-theme);color:#fff}}@media (min-width: 0px) and (max-width: 640px) and (min-width: 0px) and (max-width: 640px){.product .des a{font-size:14px;padding:6px 21px}}@media (min-width: 0px) and (max-width: 640px) and (min-width: 641px) and (max-width: 1024px){.product .des a{font-size:14px;padding:6px 21px}}