.recent-blog-posts-container,.recent-blog-posts-container .container{background-color:var(--theme-black)!important}.recent-blog-posts-container .btn{background-color:#fff!important;color:var(--theme-black)}.recent-blog-posts-container .post-title{font-weight:700!important;font-size:1.25rem!important;line-height:1.25rem!important;height:calc(1.25rem*3);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#fff;text-overflow:ellipsis}.recent-blog-posts-container .post-title a{text-decoration:none;color:#fff}.cd-container{position:relative;width:60%;height:auto;margin:1rem}.cd-cover{width:100%;height:auto;object-fit:cover;position:relative;z-index:2;border-radius:8px}.cd-disc{width:calc(100% - 10%);height:calc(100% - 10%);background:radial-gradient(circle,#d3d3d3,#a9a9a9);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(0,-50%);transition:transform .3s ease;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:1}.cd-disc .cd-hole{width:30%;height:30%;background-color:var(--theme-black);border:2px solid #d3d3d3;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cd-container:hover .cd-disc{transform:translate(35%,-50%)}