.item.radio-group {
    display: flex;
    align-items: flex-start; /* Align items to the top by default */
    margin-bottom: 2em;
}

.button-container {
    display: flex;
    align-items: center;
    margin-right: 15px;
    min-width: 180px;
}

.button-container input[type="radio"] {
    display: none;
}

.button-container label {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
    text-align: center;
    background-color: transparent;
    max-width: 300px;
    width: 100%;
    white-space: normal;
    overflow-wrap: break-word;
    box-sizing: border-box;
}

.button-container input[type="radio"]:checked + label {
    background-color: var(--mmp-red);
    color: white;
}

.button-container label:hover {
    background-color: lightgray;
}

.button-container input[type="radio"]:checked + label:hover {
    background-color: var(--mmp-red);
}

.form-table td .item.radio-group .button-container + p.long-description {
    margin: 0;
    padding: 0 0 0 10px;
    align-self: center;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .item {
        align-items: flex-start; /* Default to top alignment */
    }

    .item > p {
        align-self: flex-start; /* Default to top alignment */
    }
}

.item p.short-description {
    align-self: center; /* Center align shorter paragraphs */
}

.item p.long-description {
    align-self: flex-start; /* Top align longer paragraphs */
}
