.software-card-description {
    align-items: stretch;
}

.other-training-contents {
    display: flex;
    flex-direction: row;
    align-content: center;
    padding: 1rem;
}

.other-training-contents a {
    width: 20vw;
    margin: 0 1rem;
    border: 2px solid black;
    border-radius: 2rem;   
    overflow: hidden;
    display: flex;
    align-items: stretch;
}

.other-training-contents button {
    padding: 1rem;
    margin: 1rem;
    font-size: larger;
    border: 0;
    border-radius: 1rem;   
    background-color: darkorange;
    cursor: pointer;
    color: black;
    width: 100%;
}

.other-training-contents button:hover {
    background-color: orange;
}

.green-button button {
    padding: 1rem;
    margin: 1rem;
    font-size: larger;
    border: 0;
    border-radius: 1rem;   
    background-color: darkgreen;
    cursor: pointer;
    color: white; 
    width: -moz-available;  
    width: -webkit-fill-available;  
}

.green-button button:hover {
    background-color: green;
}

.gray-button button {
    padding: 1rem;
    margin: 1rem;
    font-size: larger;
    border: 0;
    border-radius: 1rem;   
    background-color: #c0c0c0;
    cursor: pointer;
    color: black;   
    width: -moz-available;  
    width: -webkit-fill-available;  
}

.gray-button button:hover {
    background-color: #d0d0d0;
    color: black;   
}

.red-button button {
    padding: 1rem;
    margin: 1rem;
    font-size: larger;
    border: 0;
    border-radius: 1rem;   
    background-color: darkred;
    cursor: pointer;
    color: white;
}

.blue-button button:hover {
    background-color: dodgerblue;
}

.blue-button button {
    padding: 1rem;
    margin: 1rem;
    font-size: larger;
    border: 0;
    border-radius: 1rem;   
    background-color: navy;
    cursor: pointer;
    color: white;
}

.red-button button:hover {
    background-color: red;
}

.card-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}