bot card help

<style> .css-1s5evre { height: 450px; position: relative; overflow: hidden; } .css-1q7rmf0 { height: 450px; object-fit: cover; transition: filter 0.3s ease; } .css-1sxhvxh:hover .pp-cc-avatar { filter: brightness(50%) contrast(120%);} .css-1s5evre > a { display: flex; flex-direction: column-reverse; flex-wrap: nowrap; } .pp-cc-name { font-family: 'DM Sans'; color: #ffffff; text-shadow: 3px 1px 0px #465c91, 0px 0px 8px #465c91; font-size: 20px; position: absolute; left: 0; top: 400px; text-align: center; width: 100%; z-index: 7; } .css-96l1id, .pp-cc-description { position: absolute; top: 120px; left: 0; width: 100%; height: 89px; color: white; text-align: center; padding: 10px; opacity: 0; backface-visibility: hidden; transition: transform 0.6s, opacity 0.3s; display: flex; align-items: center; justify-content: center; font-size: 10px;} .css-4ofde4 { position: absolute; top: 240px; left: 0; width: 100%; height: 89px; text-align: center; padding: 10px; opacity: 0; transition: transform 0.6s, opacity 0.3s; display: flex; align-items: center; justify-content: center; } .css-1sxhvxh:hover, .pp-cc-description .css-96l1id, .css-1sxhvxh:hover .css-4ofde4 { opacity: 1; transform: rotateY(0deg); } .css-1ylu7un { font-family: 'DM Sans'; border: none; border-radius: 0px; font-size: 0.8rem; padding: 3px 12px; margin: 6px 0; width: fit-content; white-space: nowrap; Width: 150px; } .css-k1urot { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; z-index: 1; } .pp-cc-tags-item, [href*="custom_tags"] span { border-radius: 0; padding: 2px 4px; font-size: 0.6rem; white-space: nowrap; font-family: 'DM Sans'; text-shadow: 0px 0px 5px #000000; } .css-2n7zf2 > div > div:not(:first-child):not(:last-child) > div, .css-2n7zf2 > div > div:not(:first-child):not(:last-child) > div > div:nth-child(-n+5):not(.css-1s5evre) { background: transparent !important; } .css-1lgnt2x, .css-1m151rf, .css-fo6ddv:nth-child(2) { display: none !important; } .css-1h8fads { display: none; } .css-1sxhvxh:hover .css-zgqw37 { filter: brightness(30%); } .css-96l1id, .pp-cc-description { position: absolute; top: 105px; left: 0; width: 100%; height: 89px; color: white; text-align: center; padding: 5px; opacity: 0; transform: translateY(60px); transition: transform 0.4s ease, opacity 0.4s ease; display: flex; align-items: center; justify-content: center; font-family: 'DM Sans'; text-shadow: 0px 0px 5px BLACK; } .css-4ofde4 { position: absolute; top: 240px; left: 0; width: 100%; height: 89px; text-align: center; padding: 10px; opacity: 0; transform: translateY(10px); transition: transform 0.4s ease, opacity 0.4s ease; display: flex; align-items: center; justify-content: center; font-family: 'DM Sans'; } .css-1sxhvxh:hover .css-96l1id, .css-1sxhvxh:hover .css-4ofde4 { opacity: 1; transform: translateY(-25px); } </style>