.images-list{display:-webkit-box;display:flex;gap:5px;overflow-x:auto;-ms-scroll-snap-type:x;scroll-snap-type:x}
.images-list img{scroll-snap-align:start;-webkit-box-flex:0;flex:0 0 150px;width:150px;height:200px;border-radius:5px;transition:.8}
.images-list img:hover{opacity:.6}@media only screen and (min-width:767px){.images-list{padding:0 60px}.categories{padding:10px 60px}}
section{background:#303030;padding:.5rem .7rem .7rem;box-shadow:0 3px 10px 0 rgba(0,0,0,.1);margin:4px 0 10px}.article{padding:10px}

.movie-card .rating{position:absolute;top:8px;/* Add space from the top */
    left:8px;/* Add space from the left */
    border-radius:2px 2px 2px 2px;/* Rounded border on the top-left corner */
    background-color:#F50F51;/* Background color for the overlay */
    color:#fff;/* Text color for the overlay */
    padding:3px 6px 0 6px;/* Padding for the overlay (adjust as needed) */
    font-weight:bold;font-size:10px;/* Adjust the font size as needed */}

.language-button{background-color:#2c3e50;/* Dark Gray */color:yellow!important;/* Yellow */}
.genre-button{background-color:#34495e;/* Dark Gray */color:#ffae42!important}
.type-button{background-color:#2c3e50;/* Dark Gray */color:white!important}
.genre-button,.language-button,.type-button{border:none;padding:15px;/* Default padding */
        text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:8px 0px;/* Default margin */
        cursor:pointer;border-radius:8px;width:100%;/* Ensures equal width for all buttons */
        transition:all 0.3s ease;/* Smooth transition for all properties */}
.genre-button:hover,.language-button:hover,.type-button:hover{opacity:0.8;transform:scale(1.1);/* Scale up on hover */}
/* Adjust button size for small devices */
    @media (max-width:576px){.genre-button,.language-button,.type-button{padding:10px;/* Adjusted padding for small devices */
	font-size:14px;/* Adjusted font size for small devices */}}
/* Adjust button size for medium devices */
    @media (min-width:576px) and (max-width:992px){.genre-button,.language-button,.type-button{padding:12px;/* Adjusted padding for medium devices */
	font-size:16px;/* Adjusted font size for medium devices */}}
/* Adjust button size for large devices and above */
    @media (min-width:992px){.genre-button,.language-button,.type-button{padding:15px;/* Default padding for large devices and above */
	font-size:18px;/* Default font size for large devices and above */}}