/* Hide radio buttons */
    .publish-option input[type="radio"] {
        display: none;
    }

    /* Make the whole label clickable */
    .publish-option label {
        cursor: pointer;
        display: block;
        border: 2px solid transparent;
        border-radius: 1rem;
        transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }

    /* Highlight label when its radio is checked */
    .publish-option input[type="radio"]:checked+label {
        border-color: #dc3545;
        /* Bootstrap danger red */
        box-shadow: 0 0 15px rgba(220, 53, 69, 0.5);
    }

    /* To keep the card style inside label */
    .publish-option label .card {
        margin-bottom: 0;
        border-radius: 1rem;
        border: none;
        box-shadow: none;
        transition: none;
    }