.fyfemed-button {
        padding: 4px 4px;
        font-size: 12px;
        font-family: 'Century Gothic';
        color: #fff;
        background-color: #007bff;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        transition: background-color 0.3s, box-shadow 0.3s;
        margin: 0px;
    }

.fyfemed-button {
    background-color: #00396b;
    height: 31px;
}

    .fyfemed-button:hover {
        background-color: #f7a20f;
    }

    .fyfemed-button:active {
        background-color: #f2ac0a;
    }

        .fyfemed-button:disabled {
            background-color: #bfbfbf;
            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
        }

        .fyfemed-button.danger {
            background-color: #7c151f;
        }

            .fyfemed-button.danger:hover {
                background-color: #c82333;
            }

            .fyfemed-button.danger:active {
                background-color: #a71d2a;
            }