.owl-container:hover>.btn-owl {
     display: flex;
     animation: fadeIn;
     animation-duration: 0.3s;
 }

 .btn-owl {
     display: none;
     position: absolute;
     top: 50%;
     border: 0px;
     width: 64px;
     height: 64px;
     border-radius: 50%;
     transform: translate(-50%, -50%);
     background-color: #ffffff50;
     z-index: 8;
     --bs-btn-active-color: #545454;
     --bs-btn-active-bg: #ffffffce;
     font-size: 32px;
     align-items: center;
     justify-content: center;
 }

 .btn-owl:hover {
     background-color: #ffffffce;
 }

 .owl-dots {
     position: absolute;
     text-align: center;
     bottom: 0;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .owl-dots button.owl-dot {
     width: 10px;
     height: 10px;
     border-radius: 50%;
     display: inline-block;
     background: #ededed;
     margin: 0 3px;
 }

 .owl-dots button.owl-dot.active {
     background-color: #a0a0a0;
 }

 .owl-dots button.owl-dot:focus {
     outline: none;
 }

 .owl-text {
     display: flex;
     align-items: center;
     padding-left: 3.5rem;
     padding-right: 3.5rem;
 }

 .owl-text-content {
     width: 50%;
 }

 @media (max-width: 576px) {
     .product-card {
         width: 19rem !important;
     }

     .btn-owl {
         width: 42px;
         height: 42px;
         font-size: 24px;
     }
 }