fix: clean up some CSS

src/components/modals/main/marketplace/Item.jsx

@@ -103,8 +103,8 @@ export default class Item extends PureComponent {
         <div className="itemPage">
           <div className="itemShowcase">
             {this.props.data.data.photos ? (
-              <div className="embla">
-                <div className="embla__container">
+              <div className="carousel">
+                <div className="carousel_container">
                   <ImageCarousel data={this.props.data.data.photos} />
                 </div>
               </div>

src/components/modals/main/marketplace/Items.jsx

@@ -47,11 +47,11 @@ export default function Items({
               <span className="subtitle">{collection.description}</span>
             </div>
             {collection.news === true ? (
-              <a className="nice-button" href={collection.news_link}>
+              <a className="collectionButton" href={collection.news_link}>
                 {variables.getMessage('modals.main.marketplace.learn_more')} <MdOutlineOpenInNew />
               </a>
             ) : (
-              <button className="nice-button" onClick={() => collectionFunction(collection.name)}>
+              <button className="collectionButton" onClick={() => collectionFunction(collection.name)}>
                 <MdOutlineArrowForward />{' '}
                 {variables.getMessage('modals.main.marketplace.explore_collection')}
               </button>

src/components/modals/main/marketplace/sections/Marketplace.jsx

@@ -388,7 +388,7 @@ export default class Marketplace extends PureComponent {
                     <span className="subtitle">{item.description}</span>
                   </div>
                   <button
-                    className="nice-button"
+                    className="collectionButton"
                     onClick={() => this.toggle('collection', item.name)}
                   >
                     <MdOutlineArrowForward />{' '}

src/components/modals/main/scss/marketplace/_main.scss

@@ -408,8 +408,8 @@ p.author {
     justify-content: center;
   }
 
-  button.nice-button,
-  a.nice-button {
+  button.collectionButton,
+  a.collectionButton {
     display: flex;
     align-items: center;
     gap: 15px;
@@ -428,7 +428,7 @@ p.author {
   }
 }
 
-a.nice-button {
+a.collectionButton {
   height: 40px;
   text-decoration: none;
   @include themed() {