.match-section {
    padding: 60px 0;
    /* Increased padding for more breathing room */
}

.image {
    object-fit: cover;
    width: 100%;
    height: 300px;
    transition: transform 0.5s ease;
    /* Smooth transform on hover */
}

.image:hover {
    transform: scale(1.05);
    /* Slight zoom on hover */
}

.content {
    padding: 30px;
    /* More padding for better readability */
    transition: background-color 0.5s ease;
    /* Smooth background transition */
}

.content:hover {
    background-color: #e9ecef;
    /* Subtle background color on hover */
}

.btn-custom {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    padding: 10px 20px;
    /* Larger button for easier interaction */
    transition: all 0.3s ease;
}

.btn-custom:hover {
    background-color: #0056b3;
    /* Darker blue on hover */
    border-color: #004085;
    /* Darker border on hover */
}

h2 {
    margin-bottom: 15px;
    /* Reduced margin for tighter heading */
}