.buttons {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5em;
            margin: 0.5em;
            width: auto;
            height: auto;
            font-size: 1em;
            align-items: flex-start;
        }

        .buttons .button {
            display: flex;
            flex-direction: column;
            background: white;
            align-items: center;
            justify-content: center;
            border: 0.1rem solid #ccc;
            border-radius: 0.5rem;
            cursor: pointer;
            width: 5em;
            height: 4em;
            transition: transform 0.2s;
        }

        .buttons .button.select {
            border: 1px solid rgb(89, 89, 89);
        }

        .buttons .button .icon {
            display: flex;
            background: rgb(232, 232, 232);
            color: rgb(89, 89, 89);
            width: 100%;
            height: 100%;
            border-radius: 0.5rem 0.5rem 0 0;
            justify-content: center;
            align-items: center;
            font-size: 1.8em;
            font-weight: bold;
            transition: background-color 0.2s;
        }

        .buttons .button .text {
            display: flex;
            border-radius: 0 0 0.5rem;
            justify-content: center;
            align-items: center;
            font-size: 1em;
            width: 100%;
        }

        .buttons .button:hover {
            transform: scale(1.05);
        }

        .buttons .button.red .border {
            background-color: #E97132;
            width: 100%;
            height: 0.5em;
        }

        .buttons .button.red:hover .icon {
            background-color: #FBE3D6;
        }

        .buttons .button.red.select .icon {
            background-color: #FBE3D6;
        }

        .buttons .button.blue .border {
            background-color: #0070C0;
            width: 100%;
            height: 0.5em;
        }

        .buttons .button.blue:hover .icon {
            background-color: #DCEAF7;
        }

        .buttons .button.blue.select .icon {
            background-color: #DCEAF7;
        }

        .buttons .button.green .border {
            background-color: #4EA72E;
            width: 100%;
            height: 0.5em;
        }

        .buttons .button.green:hover .icon {
            background-color: #D9F2D0;
        }

        .buttons .button.green.select .icon {
            background-color: #D9F2D0;
        }